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

最新推荐文章于 2025-02-21 10:11:58 发布

原创最新推荐文章于 2025-02-21 10:11:58 发布 · 2.3k 阅读

3 ·

CC 4.0 BY-SA版权

本文详细介绍了如何使用CSS伪类为网页链接定义不同状态的样式，包括正常链接、已访问链接、鼠标悬浮链接及鼠标点击链接的状态样式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

分享一下我老师大神的人工智能教程！零基础，通俗易懂！http://blog.youkuaiyun.com/jiangjunshow

也欢迎大家转载本篇文章。分享知识，造福人民，实现我们中华民族伟大复兴！

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

。

给我老师的人工智能教程打call！http://blog.youkuaiyun.com/jiangjunshow