网页头部所有的链接样式
A:link {
color:blue; text-decoration: none
}
A:visited {
color:red; text-decoration:line-through
}
A:active {
color:white; text-decoration:underline
}
A:hover {
color:yellow;text-decoration:none;background-color:black
A:link {color:blue; text-decoration: none}是说明了超级链接还没有被访问,它没有下划线,颜色为蓝色。
A:visited { color:red; text-decoration:line-through }说明了超级链接被访问后,它的颜色变成了红色,有了一根删除线。
A:active { color:white; text-decoration:underline }说明超级链接处于活动状态的时候,它的颜色变成了白色,有了下划线。
A:hover {color:yellow;text-decoration:none;background-color:black}说明鼠标移动到超级链接后,它没有下划线,文字颜色变成了黄色,背景颜色是黑色。
上面的颜色代码使用了英文,也可以使用16进制表示方法,希望大家能够根据上面的代码分析内容自己举一反三。
单独一层.前面是层的名称;
<div class="nav">/*设定一个nav*/
<ul>
<li></li>
</ul>
</div>
控制此div中nav下拉列表的单独超链接样式
.nav a:active { color:#A29F9F;}
.nav a:link { color:#000000;}
.nav a:visited { color:#000000;}
.nav a:hover { color:#A29F9F;}

