使用css覆盖web浏览器中的默认链接颜色
如果网页设计师没有设置链接的颜色，所有网页浏览器都会使用默认颜色。要更改这些颜色，请使用CSS（层叠样式表）。
链接颜色
链接颜色包含几个不同的状态：
- 默认链接颜色-与链接交互之前在文本中看到的颜色。
- 悬停链接颜色-当您将光标移到链接上时，链接将更改为什么颜色。
- 活动链接颜色-用鼠标单击链接时。
- 以下链接颜色-适用于您以前单击的链接。
使用css更改链接颜色
使用CSS更改链接颜色需要设置链接的样式标签：
a { color: black; }使用此CSS，一些浏览器将链接的所有方面（默认、活动、跟随和悬停）更改为黑色，而其他浏览器将仅更改默认颜色。
使用在类名前带有冒号的伪类来更改特定状态下的链接。四个伪类影响链接。
要更改默认链接颜色，请执行以下操作：
a:link { color: red; }要更改活动颜色，请执行以下操作：
a:active { color: blue; }要更改以下链接颜色，请执行以下操作：
a:visited { color: purple; }要更改鼠标悬停的颜色，请执行以下操作：
a:hover { color: green; }考虑
使用颜色帮助网站访问者轻松找到你的链接，即使他们只是浏览页面。以下是一些提示：
- 选择对比。白色背景下非常浅色的链接很难看到，特别是对于视力受损的访问者。
- 也要为活动链接和后续链接分别设置颜色，以确保网站访问者不会对他们访问过的页面感到困惑。
- 保持你的颜色与你的页面设计相协调。
- 发表于 2021-10-22 20:38
- 阅读 ( 401 )
- 分类：IT
你可能感兴趣的文章
mac用户的最佳safari扩展
Safari可能是Mac用户最好的浏览器。它高度优化，节能，与其他苹果电脑和移动设备很好地发挥作用。但是由于用户基数较小，它没有最大的扩展份额。 ...
10分钟内可以学习10个简单的css代码示例
... 很简单！现在，每当浏览器呈现段落时，文本将继承大小（正常值的120%）和颜色（“dimgray”）。 ...
7必须为web设计器提供chrome扩展
...显示你所指向的任何颜色的值。不同的是，它总是在你的浏览器里，你不需要上传任何东西——只需点击图标并将目标移动到正确的位置。 ...
如何在css中设置背景图像
...标记之间。我们只有一个显示的元素，p标签。它告诉web浏览器文本是一个段落。 ...
7个最好的免费在线html编辑器来测试你的代码
...和编辑它。与在计算机上设置HTML代码测试系统相比，在浏览器中测试代码更简单。 ...
chrome 89的新增功能，现已推出
...echrome89带来了Android**和Chrome操作系统的集成，更好地支持浏览器中的gamepad，网络应用程序的NFC，以及本地网络共享。它于2021年3月2日发布。 android设备的chrome os phone hub 谷歌为Chrome操作系统开发“**中心”已经有一段时间了。...
如何创建wordpress博客的自定义主题，并使用最少的编码
...员”->“开发人员工具”来完成。在Firefox（和许多其他浏览器）中，只需下载并安装Firebug，然后单击Firebug扩展即可激活它。不管你用哪种工具，它都会把屏幕分成上下两部分。上半部分包含页面，下半部分包含页面代码。如...
身份证件(id)和css中的类(class in css)的区别
...SS规则，ID 什么是css规则(css rules)？ CSS由一组规则组成。浏览器可以解释这些规则并将其应用于文档中的指定元素。CSS样式规则由三个部分组成。它们是选择器、属性和值。声明是指财产和价值的结合。它们出现在一对花括号内...
html格式(html)和css格式(css)的区别
...于描述web页面中内容的结构。根据HTML文件中的标记，web浏览器显示文本、内容、表格、列表和其他元素。CSS是一种样式语言，用于描述用标记语言编写的文档的外观和格式。还有另一种叫做JavaScript的语言，它是一种客户端脚本...
德鲁帕尔7(drupal 7)和德鲁帕尔8(drupal 8)的区别
...jQuery1.4.4和jQueryUI1.8.7 使用jQuery2.0和其他假定现代HTML5/CSS3浏览器支持的代码。 SVG支持 支持不支持SVG的浏览器（包括IE8和Android浏览器2.3） 不支持不支持SVG的浏览器（包括IE8和Android浏览器2.3） 默认主题引擎 PHPTemplatetheme函数和...
0 篇文章
