应用于<a>标签的伪类选择器(link、visited、active、hover)

       CSS3根据选择符的用途可以把选择器分为标签选择器,类选择器,ID选择器,全局选择器,组合选择器,继承选择器和伪类选择器等。伪类选择符定义的样式最常应用于<a>标签上,它表示4种不同的状态:link(未访问链接)、visited(已访问链接)、active(激活链接)、hover(鼠标停留在链接上)。<a>标签可以只有一种状态link,或者同时具有两种或这三种状态。

<body>  
   <a href="#">空链接</a>
   <a href="www.baidu.com">百度</a>
   <style type="text/css">
       a:link{color:#FF0000; text-decoration:none}
       a:visited{color:#00FF00; text-decoration:none}
       a:hover{color:#0000FF; text-decoration:underline}
       a:active{color:#FF00FF; text-decoration:underline}
   </style>
</body>

效果图如下:

 

       上面的样式表式该链接未访问时是红色且无下划线,访问的后是绿色且无下划线,激活链接时是蓝色且有下划线,鼠标单击链接上为紫色且有下划线


阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_35768238/article/details/79957254
个人分类: html5+css3
上一篇用js调用google地图显示坐标
下一篇设置文本阴影和溢出效果
想对作者说点什么? 我来说一句

Css——<a>超链接样式

2011年09月05日 12KB 下载

css类库收藏.doc

2010年01月29日 31KB 下载

ASP小程序编写的网页

2008年11月03日 342KB 下载

仿MAC官网导航菜单样式源文件

2009年08月04日 29KB 下载

JAVASCRIPT学习资料

2008年09月05日 263KB 下载

基于ASP的留言板设计代码

2010年03月10日 338KB 下载

期末作业网页制作

2012年06月12日 43KB 下载

超酷页面左侧导航菜单

2013年03月08日 27KB 下载

Virtools中英基础教程

2009年06月11日 4.15MB 下载

没有更多推荐了,返回首页

关闭
关闭