颜色

1，div嵌套

 

   

     

   

 

2,div样式

.div1 {

background-color: red;

width: 555px;

height: 555px

}

.div2 {

background-color: yellow;

width: 444px;

height: 444px

}

.div3 {

background-color: #f0f;

width: 333px;

height: 333px

}

.div4 {

background-color: #080;

width: 222px;

height: 222px

}

运行结果：

链接的颜色：

1，创建链接

 

   

   

    .

    .

    .

 

2.css样式:

.table {

float: right;

}

.table th {

padding: 0 10px 0 10px

}

.table a {

text-decoration: none

}

.table a:link {

color: #000

}

.table a:visited {

color: #0F0

}

.table a:hover {

color: #00F

}

.table a:active {

color: #F30

}

未访问效果：

访问后效果：

鼠标悬浮效果：

鼠标点击时效果：