CSS设置动态超链接的方法

今天小编就为大家带来一篇CSS设置动态超链接方法的文章。小编觉得挺不错的，为此分享给大家做个参考。一起跟随小编过来看看吧。

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

ali的博客

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

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

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

a{   text-decoration:none;  }

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

CSS的伪类别--Anchor Pseudo Classes，使用伪类别制作动态下过，具体的属性如下：

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

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

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

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

                                                                   
                     
                            
首页
                            
心情日记
                            
Free
                            
一起走到
                            
从明天起
                            
纸飞机
                            
下一站
                     
                 
       

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

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

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

以上就是CSS设置动态超链接方法的介绍，详细使用情况还需要大家自己使用过才领会。如果想了解更多相关内容，欢迎关注行业资讯频道！