1，div嵌套

<div class="div1">

  <div class="div2">

    <div class="div3">

      <div class="div4"></div>

    </div>

  </div>

</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，创建链接<a>

<table>

  <tr>

    <th><a href=" "></a></th>

    <th><a href=" "></a></th>

    .

    .

    .

  </tr>

</table>

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

}

未访问效果：

访问后效果：

鼠标悬浮效果：

鼠标点击时效果：