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
}
未访问效果:
访问后效果:
鼠标悬浮效果:
鼠标点击时效果:
网友评论