怎么用CSS设置动态超链接

　　HTML中，超链接是通过标记<a>实现的，具体的地址使用标记<a>的href属性。

　　<ahref="http://blog.csdn.net/nangeali">ali的博客</a>

　　默认的情况下，浏览中的超链接统一为蓝色并且有下划线，点击过后的超链接则为紫色，而且也有下划线。

　　CSS可以设置超链接的各种属性，比如字体、颜色和背景等等，而且，可以通过伪类别制作很多动态效果。

　　首先，去掉超链接的下划线：

　　a{text-decoration:none;}

　　此时，无论是超链接本身，还是点击过的超链接下划线都去掉了。

　　CSS的伪类别——AnchorPseudoClasses，使用伪类别制作动态下过，具体的属性如下：

　　A:link——超链接的普通样式，正常浏览器中的样式。

　　A:visited——点击过的超链接的样式。

　　A:hover——鼠标指针经过超链接上时的样式。

　　A:active——在超链接上单击时，即当前激活时，超链接的样式。

　　<html>

　　<head>

　　<title>

　　</title>

　　<style>

<!--

　　a:link{

　　color:#005799;

　　text-decoration:none;

　　}

　　a:visited{

　　color:#0000;

　　text-decoration:none;

　　}

　　a.hover{

　　color:#ffff00;

　　text-decoration:underline;

　　}

　　-->

　　</style>

　　</head>

　　<body>

　　<tablewidth="600px"cellpadding="2"class="chara1"align="center">

　　<tr>

　　</tr>

　　</table>

　　</body>

　　</html>

　　可以看出，超链接本身都是深蓝色，没有下划线，点击过后变成了黑色也没有下划线，当鼠标指针经过时，超链接变成了黄色，而且有下划线。

　　此外，各种背景、边框和排版的效果都可以加入到超链接的几个伪属性中，当前激活状态a:active，一般显示的情况非常少，很少使用。

　　当用户单击一个超链接之后，焦点很容易就会转移到其他地方，比如新打开的窗口等，此时，超链接就不是当前激活状态了。

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/css3-style/c55293.shtml