html 点击元素后颜色的变换

可以利用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>

<a href="http://baidu.com" target='_blank'>****</a>

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

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

发布了402 篇原创文章 · 获赞 1363 · 访问量 528万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览