点击a标签链接变颜色 访问a标签链接

a标签的link、visited、hover、active是有一定顺序的，以下是我一直在用的一个顺序，能正确显示四个颜色，我也不知道有没有其他的顺序能正确显示，如果你没办法判断哪个是对的，那就先用这个吧。

<style   type="text/css">   

a:link {color: #000;} /* 未访问的链接 */

a:visited {color: #F00;} /* 已访问的链接 */

a:hover{color: #0F0;} /* 鼠标在链接上 */ 

a:active {color: #00F;} /* 点击激活链接——在你点击该链接之后，页面正在转向新地址的时候，链接显示此颜色；当你已经到了要链接的页面，然后再返回，原页面上的此链接仍是此颜色 */ 

/* 这的顺序不能显示active的颜色

a:link{color:#000000;}   

a:active{color:#ff0000;}   

a:visited{color:#fff;}   

a:hover{color:#00ff00;} 

*/

/*

其他的顺序还会出现其他的颜色不能正确显示，这里就不再一一举例了。

*/

</style>

取消下划线

a{

text-decoration: none;

}

本站声明:网站内容来源于网络,如有侵权,请联系我们https://www.qiquanji.com,我们将及时处理。

微信扫码关注

更新实时通知