给链接定义样式

    在学习给链接定义样式之前我们要先了解一下伪类选择器。伪类是专门用来表示元素的一种特殊状态,比如:访问过的超链接,普通的超链接,获取焦点的文本框。当我们需要为处在这些特殊状态的元素设置样式时,就可以使用伪类。
    有四个伪类可以让你根据访问者与该链接的交互方式,将链接设置成四种不同的状态。
正常链接:a:link

/*为没访问过对的链接设置颜色为绿色
a :link
 表示普通的链接:没访问过的链接
*/
a:link{
    color: yellowgreen;

}

访问过的链接:a:visited

/*
为访问过的链接设置颜色为红色
a:visited
表示访问过的链接
浏览器通过历史记录来判断一个链接是否访问过
由于涉及到用户隐私问题,所以使用visited伪类只能设置字体颜色
*/
a:visited{
    color: red;
    
}

鼠标滑过的链接:a:hover

a:hover{
    background-color: antiquewhite;
}

正在点击的链接:a:active

a:active{
    background-color: crimson;
}

hover和active也可以为其他元素设置
ie6中,不支持对超链接以外的元素设置 :hover :active

p:hover{
    background-color: yellow;
}
p:active{
    background-color: blue;
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值