本章教您如何使用CSS設置超連結的不同屬性。可以設置超連結的以下屬性−
在討論CSS的僞類時，我們將重新訪問相同的屬性。
：連結表示未訪問的超連結。
：visited表示已訪問的超連結。
：hover表示當前有用戶滑鼠指針懸停在其上的元素。
：active表示用戶當前正在單擊的元素。
通常，所有這些屬性都保存在HTML文檔的頭部分。
記住：懸停必須在CSS定義中的a:link和a:visited之後才能生效。此外，a:active必須出現在CSS定義中a:hover之後，如下所示−
<style type = "text/css">
a:link {color: #000000}
a:visited {color: #006600}
a:hover {color: #FFCC00}
a:active {color: #FF00CC}
</style>
現在，我們將了解如何使用這些屬性爲超連結提供不同的效果。
Set the Color of Links
下面的示例演示如何設置連結顏色。可能的值可以是任何有效格式的任何顏色名稱。
<html>
<head>
<style type = "text/css">
a:link {color:#000000}
</style>
</head>
<body>
<a href = "">Link</a>
</body>
</html>
它將產生以下黑色連結&負;
Set the Color of Visited Links
下面的示例演示如何設置已訪問連結的顏色。可能的值可以是任何有效格式的任何顏色名稱。
<html>
<head>
<style type = "text/css">
a:visited {color: #006600}
</style>
</head>
<body>
<a href = ""> link</a>
</body>
</html>
它將生成以下連結。一旦你點擊這個連結，它就會把顏色改成綠色。
Change the Color of Links when Mouse is Over
下面的示例演示如何在將滑鼠指針移到連結上時更改連結的顏色。可能的值可以是任何有效格式的任何顏色名稱。
<html>
<head>
<style type = "text/css">
a:hover {color: #FFCC00}
</style>
</head>
<body>
<a href = "">Link</a>
</body>
</html>
它將生成以下連結。現在，將滑鼠移到這個連結上，您將看到它的顏色變爲黃色。
Change the Color of Active Links
下面的示例演示如何更改活動連結的顏色。可能的值可以是任何有效格式的任何顏色名稱。
<html>
<head>
<style type = "text/css">
a:active {color: #FF00CC}
</style>
</head>
<body>
<a href = "">Link</a>
</body>
</html>
它將生成以下連結。當用戶單擊它時，它會將顏色更改爲粉紅色。