使用CSS伪类，实现a标签超链接点击后变色

一只很酸de橘子

于 2025-02-21 10:11:58 发布

阅读量181

点赞数 2

文章标签： css 前端

本文链接：https://blog.youkuaiyun.com/wxx_0124/article/details/145770489

版权

<a href="https://www.baidu.com/" target="_blank">超链接</a>


<style type="text/css">
    a:link {
	    color: yellow; /*未访问的链接颜色*/
    }
 
    a:visited {
	    color: red; /*已访问的链接颜色*/
    }
 
    a:hover {
	    color: blue; /*鼠标移动到链接的颜色*/
	    text-decoration: underline;
    }
 
    a:active {
	    color: orange; /*鼠标点击时的颜色*/
    }
 
    a {
    	text-decoration: none; /*去掉下划线*/
    }
</style>

能实现变色，但是有缺陷，刷新页面不会重置，还在研究。。。