📜  CSS-链接

📅  最后修改于: 2020-10-26 04:44:58             🧑  作者: Mango


本章教您如何使用CSS设置超级链接的不同属性。您可以设置超级链接的以下属性-

当我们讨论CSS的伪类时,我们将重新访问相同的属性。

  • :link表示未访问的超链接。

  • :visited表示已访问的超链接。

  • :hover表示当前具有用户鼠标指针悬停在其上的元素。

  • :active表示用户当前正在单击的元素。

通常,所有这些属性都保留在HTML文档的标题部分中。

请记住,必须在CSS定义中访问a:link和a:之后跟随a:hover才能生效。另外,a:active必须在CSS定义中的a:hover之后,如下所示:


现在,我们将看到如何使用这些属性为超链接赋予不同的效果。

设置链接的颜色

下面的示例演示如何设置链接颜色。可能的值可以是任何有效格式的任何颜色名称。


   

   
      Link
   
 

它将产生以下黑色链接-

设置访问链接的颜色

下面的示例演示如何设置访问链接的颜色。可能的值可以是任何有效格式的任何颜色名称。


   

   
       link 
   
 

它将产生以下链接。单击此链接后,它将颜色更改为绿色。

鼠标悬停时更改链接的颜色

以下示例演示了将鼠标指针移到链接上时如何更改链接的颜色。可能的值可以是任何有效格式的任何颜色名称。


   

   
      Link
   
 

它将产生以下链接。现在,将鼠标移到该链接上,您将看到它的颜色变为黄色。

更改活动链接的颜色

下面的示例演示如何更改活动链接的颜色。可能的值可以是任何有效格式的任何颜色名称。


   

   
      Link
   
 

它将产生以下链接。当用户单击它时,它的颜色将变为粉红色。