html 点击<a>元素后颜色的变换

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

。