📌  相关文章
📜  如何在CSS中更改链接颜色

📅  最后修改于: 2020-11-05 07:53:02             🧑  作者: Mango

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

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

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

a:active It is used to add style to an active element.
a:hover It adds special effects to an element when the user moves the mouse pointer over the element.
a:link It adds style to the unvisited link.
a:visited It adds style to a visited link.

要注意的是，在CSS定义中，a：hover必须在a：link和a：visited之后，并且a：active必须在a：hover之后。

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

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

现在，让我们看看如何使用一些示例来设置链接的颜色。

例

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

 

   
      
   

   
      
 Welcome to the javaTpoint.com

输出量

例

在此示例中，我们在链接上应用了一些CSS属性，例如字体系列，文本装饰和背景颜色。默认情况下，创建的链接带有下划线，因此要删除下划线，我们可以使用text-decoration属性并将其值设置为none。

 

   
      
   

   
      
 Welcome to the javaTpoint.com 

      
 The text javaTpoint.com in the above line is the hyperlink.

输出量

例

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

 

   
      
   

   
      
 Welcome to the javaTpoint.com 

      
 The text javaTpoint.com in the above line is the hyperlink.

输出量

程序执行后，将显示以下屏幕。

悬停时，链接将如下所示：

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