CSS中的a链接在点击后会改变颜色,这个效果可以通过CSS来进行控制。a:link { color: blue; } a:visited { color: purple; } a:hover { co
CSS中的a链接在点击后会改变颜色,这个效果可以通过CSS来进行控制。
a:link { color: blue; } a:visited { color: purple; } a:hover { color: red; } a:active { color: green; }
四个伪类分别对应链接的四种状态:未访问(link)、已访问(visited)、鼠标悬停(hover)和点击(active)。
通过给这四个状态分别设置颜色,可以让链接点击后的颜色变得更加丰富多彩。
当然,也可以只对其中的某一个状态进行设置,比如只针对悬停进行特殊处理:
a:hover { text-decoration: underline; }
这个例子会让链接在鼠标悬停时出现下划线。
总之,在CSS中控制链接的颜色非常方便,只需要简单地设置伪类就可以轻松实现。
粉丝
0
关注
0
收藏
0