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

css3-链接

2016-01-05 16:58 513 查看
在web页面中, 我们会发现,页面中如果含有链接标签,在点击的过程中它的颜色会有多种样式,比如:未点击的时候会红色,鼠标放上去变蓝色,点击过后变为绿色。这个效果具体实现如下:

首先,给HTML5文件添加一个标签:

hello 百度

然后,在css3文件内进行如下设置:

a:link{

text-decoration:none;

color: #FF0000;

}

a:visited{

color: #00FF00;

}

a:hover{

color: #0000FF;

}

a:active{

color: #00FF00;

}

其中: link是未被选中的状态;

visited是被选中的状态;

hover是被点击过的状态;

active是正被点击是的状态。

另外,如果想把链接下面的横线去掉,可以再link中添加一句:

text-decoration:none;
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: