一、鏈接樣式

CSS鏈接的樣式可以使用大部分的CSS屬性來設置，包括顏色、字體、背景、邊框等。同時，鏈接也可以根據(jù)其不同的狀態(tài)具有不同的樣式。

常見的四個鏈接狀態(tài)是：

• a:link：正常，未訪問過的鏈接；
• a:visited：用戶已訪問過的鏈接；
• a:hover：當用戶鼠標放在鏈接上時；
• a:active：鏈接被點擊的那一刻。

實例：

a:link {color:#FF0000;} /* 未訪問鏈接*/
a:visited {color:#00FF00;} /* visited link */
a:hover {color:#FF00FF;} /* mouse over link */
a:active {color:#0000FF;} /* selected link */

當設置為若干鏈路狀態(tài)的樣式，也有一些順序規(guī)則：

• a:hover 必須跟在 a:link 和 a:visited 后面；
• a:active 必須跟在 a:hover 后面。

二、常見鏈接樣式

根據(jù)上述鏈接的顏色變化的例子，我們可以判斷鏈接處于不同的狀態(tài)。假設示例中使用了以下CSS樣式：

1、文本修飾

text-decoration 屬性主要用于刪除鏈接中的下劃線：

a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}
a:active {text-decoration:underline;}

2、背景顏色

背景顏色屬性指定鏈接背景色：

a:link {background-color:#B2FF99;}
a:visited {background-color:#FFFF85;}
a:hover {background-color:#FF704D;}
a:active {background-color:#FF704D;}

三、鼠標形狀

常用鼠標形狀如下所示：

1、cursor屬性

實例：

a:hover {
color: green;
cursor: crosshair;
}