首页 >web前端 >css教程 >css怎样实现a标签不变色效果

css怎样实现a标签不变色效果

WBOY
WBOY原创
2021-12-01 18:29:298132浏览

在css中,可以利用color属性来实现a标签不变色效果,设置该属性可以使a标签点击前还是点击后都不会变色,只需要给a标签添加“color:颜色值;”样式即可。

css怎样实现a标签不变色效果

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

css怎样实现a标签不变色效果

可以通过color属性来设置a标签颜色,这样无论是a标签点击前还是点击后都不会变色。

color 属性规定文本的颜色。

这个属性设置了一个元素的前景色(在 HTML 表现中,就是元素文本的颜色);光栅图像不受 color 影响。这个颜色还会应用到元素的所有边框,除非被 border-color 或另外某个边框颜色属性覆盖。

要设置一个元素的前景色,最容易的方法是使用 color 属性。

示例如下:

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>title</title>
</head>
<a href="https://www.php.cn/course/list/12.html" target="_blank">css视频教程</a>
    <style>
a{
    color: #000000;
    } 
    </style>
</body>
</html>

输出结果:

22.png

(学习视频分享:css视频教程

以上是css怎样实现a标签不变色效果的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn