您的位置:首页 > Web前端 > CSS

改变超链接样式

2016-12-01 19:20 197 查看
采用CSS伪类改变超链接的样式

1.未访问的链接:

a:link {
color:#008B8B;
text-decoration: none;//取消下划线

}

2.已访问的链接:
a:visited{
color:#008B8B;
text-decoration: none;
}


3.鼠标移动到链接上:
a:hover{
color:#696969;
text-decoration: none;
}

4.选定的链接:
a:active{
color:#008B8B;
text-decoration: none;
}

图样:
未选定:


鼠标移动到链接上:


注:a:hover 必须被置于 a:link 和 a:visited 之后,才是有效的。

提示:伪类名称对大小写不敏感
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: