默認情況下，網頁的超鏈接都有固定的顯示形式。在這里，我們可以通過創建CSS的樣式來控制超鏈接文本的顯示。

　　一、使用CSS規則設置超鏈接的顯示

　　1. 打開文檔，然后打開“CSS樣式”面板。

　　2. 在“CSS樣式”面板中，點擊右下角的“新建 CSS 規則”按鈕，打開“新建 CSS 規則”對話框，如下圖所示：

　　在“選擇器類型”中選擇“復合內容(基于選擇的內容)”項。

　　在“選擇器名稱”中點擊右邊的下拉箭頭，我們可以看到：

　　a:link：未訪問的超鏈接。

　　a:visited：已經訪問過的超鏈接。

　　a:hover：鼠標指針移動到上面時的超鏈接。

　　a:active：正在訪問的超鏈接。

　　3. 在“選擇器名稱”中選擇“a:link”項，然后點擊“確定”按鈕，打開“CSS 規則定義”對話框。

　　4. 在“CSS 規則定義”對話框中，在“分類”下拉框中選擇“類型”，然后在右邊“類型”部分設置鏈接字體的顏色、大小和修飾等。

　　5. 設置好以后單擊“確定”按鈕，完成“a:link”項的設置。

　　6. 重復第3.第4.第5.步的操作，繼續設置“a:visited”、“a:hover”和“a:active”項。

　　7. 全部設置好以后，鏈接文字的效果如下：

　　基本狀態(a:link)

　　點擊后狀態(a:visited)

　　鼠標經過狀態(a:hover)

　　鼠標按下狀態(a:active)

　　8. 在“代碼”視圖中可以查看設置好的CSS樣式源文件。代碼如下：