8.6.2　使用CSS设置不同的超链接状态样式

8.6.2　使用CSS设置不同的超链接状态样式

使用CSS设置超链接样式，可以直接针对＜a＞标签进行定义，也可以在a：link、a：visited、a：hover、a：active伪类别中设置，通常添加两个基本属性：color属性修改文本的颜色，text-decoration属性选择是否显示下划线。

实例代码如下：

运行结果如图8-14所示。

图8-14　超链接样式设置

从图中可以看出，超链接正常状态下变成红色，且没有下划线。点击过的超链接变成黑色，同样没有下划线。当鼠标划过时，超链接则变成蓝色，而且出现下划线。

使用CSS设置超链接样式有以下两点需要说明：

（1）不仅是颜色和下划线，其他如背景、边框以及排版的CSS样式都可以加入超链接的几个伪类别的样式规则中，从而得到各式各样的效果。

（2）“激活”时超链接的样式a：active一般被显示的情况非常少，因此很少使用。因为当用户点击一个超链接之后，焦点很容易会从这个超链接转移到其他地方，那么此时该超链接就不再处于“当前激活”状态了。