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

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

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

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

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

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

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

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

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

设置链接的颜色

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

   

   
      Link
   
 

它将产生以下黑色链接-

设置访问链接的颜色

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

   

   
       link 
   
 

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

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

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

   

   
      Link
   
 

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

更改活动链接的颜色

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

   

   
      Link
   
 

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