作家
登录

CSS教程:vlink,alink,link和a:link

作者: 来源:www.28hudong.com 2012-11-19 22:43:24 阅读 我要评论

超链接文字的状态可以通过伪类选择符+样式规则来控制。 一组专门的预定义的类称为伪类,主要用来处理超链接的状态。超链接文字的状态可以通过伪类选择符+样式规则来控制。伪类选择符包括:总: a 表示所有状态下的连接 如 .mycls a{color:red}① a:link:未访问链接 ,如 .mycls a:link {color:blue}② a:visited:已访问链接 ,如 .mycls a:visited{color:blue}③ a:active:激活时(链接获得焦点时)链接的颜色 ,如 .mycls a:active{color:blue}④ a:hover:鼠标移到链接上时 ,如 .mycls a:hover {color:blue}一般a:hover和a:visited链接的状态(颜色、下划线等)应该是相同的。前三者分别对应body元素的link、vlink、alink这三个属性。四个“状态”的先后过程是:a:link ->a:hover ->a:active ->a:visited。另外,a:active不能设置有无下划线(总是有的)。举例:伪类的常见状态值<style type = “text/css”><!--a {font-size:16px}a:link {color: blue; text-decoration:none;} //未访问:蓝色、无下划线a:active:{color: red; } //激活:红色a:visited {color:purple;text-decoration:none;} //已访问:purple、无下划线a:hover {color: red; text-decoration:underline;} //鼠标移近:红色、下划线--></style>

  推荐阅读

  必须知道的10个不常用HTML标签

译自:TutsPlus 网页开发人员常常希望能够了解并掌握多种语言,结果是,学习一门语言的所有内容是棘手的,但是却很容易发现你并没有完全利用那些比较特殊却很有用的标签。 不幸的是我们到现在还没>>>详细阅读


本文标题:CSS教程:vlink,alink,link和a:link

地址:http://www.17bianji.com/kaifa2/CSS/17082.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)