如何在 CSS 中更改链接颜色？

链接用于将一个页面连接到其他网页。与文本其他部分颜色相同的链接难以注意到。CSS 的 color 属性用于更改链接的颜色。

使用 CSS，我们可以以不同的方式设置链接的样式。我们可以设置超链接的一些状态，如下所示：

需要注意的是，在 CSS 定义中，为了有效，a:hover 必须出现在 a:link 和 a:visited 之后，并且 a:active 必须出现在 a:hover 之后。

声明超链接状态的顺序如下：

要更改链接颜色，我们必须使用 CSS 的 color 属性。 颜色的名称可以以任何有效格式给出，例如颜色名称、rgb() 值或 HEX 值。

现在，让我们通过一些示例了解如何设置链接的颜色。

示例

默认情况下，普通或未访问链接的颜色是蓝色。在此示例中，我们使用 color 属性更改默认链接颜色。

输出

示例

在此示例中，我们正在对链接应用一些 CSS 属性，例如 font-family、text-decoration 和 background-color。默认情况下，创建的链接带有下划线，因此要删除下划线，我们可以使用 text-decoration 属性并将其值设置为 none。

输出

示例

现在，这里有另一个示例，我们将更改活动和已访问链接的颜色，并在鼠标悬停时更改链接的颜色。默认情况下，已访问链接的颜色为紫色，活动链接的颜色为红色，因此我们将使用 color 属性以及伪类 :visited、:active 和 :hover 来更改它们的颜色。

输出

程序执行后，我们将得到以下屏幕。

鼠标悬停时，链接的外观如下：

当链接处于活动状态时，链接的颜色为红色，如下所示。