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

145 阅读 0 评论 96 点赞

我是靠谱客的博主苹果板凳，最近开发中收集的这篇文章主要介绍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.uoften.com/course/list/12.html" target="_blank">css视频教程</a>
    <style>
a{
    color: #000000;
    } 
    </style>
</body>
</html>
登录后复制

输出结果：