html 点击元素后颜色的变换

2017-01-13 10:50:44来源:csdn作者:qq_21792169人点击



可以利用CSS的伪类实现:



a:link,定义正常链接的样式;a:visited,定义已访问过链接的样式;a:hover,定义鼠标悬浮在链接上时的样式;a:active,定义鼠标点击链接时的样式。



例子:


<style type="text/css">
a:link {
color:#3C3C3C;
text-decoration:underline;
}
a:visited {
color:#0000FF;
text-decoration:none;
}
a:hover {
color:#FF00FF;
text-decoration:none;
}
a:active {
color:#D200D2;
text-decoration:none;
}
</style><ahref="http://baidu.com"target='_blank'>****</a>


例子说明:定义的链接颜色是


3C3C3C
,访问过后的链接是蓝色,鼠标悬浮在链接上时是
FF00FF
,点击时的颜色是
D200D2

最新文章

123

最新摄影

微信扫一扫

第七城市微信公众平台