CSS设置动态超链接的方法

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

成都创新互联成立于2013年,我们提供高端网站建设公司网站制作公司成都网站设计、网站定制、成都营销网站建设小程序制作、微信公众号开发、营销推广服务,提供专业营销思路、内容策划、视觉设计、程序开发来完成项目落地,为报废汽车回收企业提供源源不断的流量和订单咨询。

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

ali的博客

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

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

首先,去掉超链接的下划线:

a{   text-decoration:none;  }

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

CSS的伪类别——Anchor Pseudo Classes,使用伪类别制作动态下过,具体的属性如下:

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

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

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

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


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

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

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

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

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


当前文章:CSS设置动态超链接的方法
当前路径:http://cdiso.cn/article/pojcsj.html

其他资讯