设为首页收藏本站

九九站长,站长论坛,discuz教程

 找回密码
 立即注册
查看: 811|回复: 1
收起左侧

[div+css技术] 超链接的css伪类属性的用法!

[复制链接]

591

主题

778

帖子

8280

积分

九九级-管理员

Rank: 9Rank: 9Rank: 9

交易币
4166 枚
发表于 2013-5-5 16:51:14 | 显示全部楼层 |阅读模式

注册加入九九站长论坛,一起交流,学习,分享网站技术,资源等!

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
从伪类的兼容性和常用的来区分,就剩下三个伪类,就主要讲下这三个就可以了:
a:link {color: #FF0000}未访问的链接
a:visited {color: #00FF00}已访问的链接
a:hover {color: #FF00FF}鼠标移动到链接上


<p class="ku"><a href="http://www.d929.com">九九站长</a>,专为站长提供服务的平台!</p>


.ku a:link{color:red}            定义上面代码的链接没访问的时候颜色为红色;
.ku a:hover{color:green}    定义上面代码的链接鼠标移到上面的时候颜色为绿色;
.ku a:vistied{color:blue}      定义上面代码的连接访问过了后的颜色为蓝色;


没什么好讲的,最常用的是hover,鼠标放上去的时候,比如一个连接,鼠标放上去的时候,背景换颜色了,或背景图片换了,很多网上都有这种效果,特别是导航条,当然这种效果也能用别的方法来写,只是说现在学到这就用这种方法!
奋斗的人

250

主题

344

帖子

3337

积分

九七级-版主

Rank: 7Rank: 7Rank: 7

交易币
1712 枚
发表于 2013-5-21 13:50:31 | 显示全部楼层
超链接的css伪类属性的用法! 讲的不错
随便逛逛,增加下人气!
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

网上报警岗亭图标

Archiver|手机版|小黑屋|九九站长网 ( 渝ICP备13002263 )  
站长论坛   建站教程   discuz教程   discuz模板下载   网站优化
九九站长论坛版权所有:© 2001-2015;如有侵犯你的权利,请告知!

网警备案图
快速回复 返回顶部 返回列表