超級鏈接是指從一個網頁指向一個目標的鏈接關係，這個目標可以是另一個網頁，也可以是相同網頁上的不同位置，還可以是一個圖片，一個電子郵件地址，一個文件，甚至是一個應用程序。在網頁中能成爲超級鏈接的元素可以是一段文本或者是一個圖片。當瀏覽者選擇已經鏈接的文字或圖片後，鏈接目標將顯示在瀏覽器上，並且根據目標的類型打開或運行。
改變超級鏈接的基本樣式：網頁上使用的超級鏈接通常是文字或圖片。 使用文字和圖片實現超級鏈接的語法：
<a href=”http://www.sina.com.cn”>新浪網</a>
<a href=”picture.jpg”><img src=”picture.jpg” /></a>
超鏈接僞類表
a:link 設置超鏈接在未被訪問前的樣式
a:active 設置超鏈接在被用戶激活（在鼠標點擊與釋放之間發生的事件）時的樣式
a:visited 設置超鏈接在其鏈接地址已被訪問過時的樣式
a:hover 設置超鏈接在其鼠標懸停時的樣式
僞類的CSS樣式定義：
<style type=”text/css”>
a:link{color:green;} /*設置超鏈接的未被訪問前文字顏色爲綠色*/ a:active{color:red;} /*設置超鏈接在被用戶激活時文字顏色爲紅色*/ a:visited{color:orange;} /*設置超鏈接已被訪問過時文字的顏色爲橘色*/ a:hover{color:blue;} /*設置超鏈接在其鼠標懸停時文字的顏色爲藍色*/ </style>
在默認情況下，文字作爲超級鏈接時會帶有下劃線，用於提示該文字可鏈接。若要消除該超級鏈接的下劃線，就要將text-decoration屬性設置爲none。
使用text-decoration屬性設置超級鏈接無下劃線：
a{text-decoration:none;} /*設置超級鏈接無下劃線*/
超級鏈接背景圖的應用：使用background給超級鏈接添加背景圖片。 使用background給超級鏈接添加背景圖片：
a{text-decoration:none; /*設置超級鏈接無下劃線。
url(dot.jpg ) repeat-x bottom; /*使用圖片dot.jpg爲超級鏈接的背景圖片，以橫向平鋪，底部對齊。*/
}
超級鏈接翻轉效果：除了能給a標籤設置背景圖片，也能給超級鏈接的僞類設置背景圖片。若給a:hover設置背景圖片，那麼當鼠標滑過該超級鏈接就能使圖片產生翻轉效果。 使用顏色實現超級鏈接的翻轉效果：
a{red;} /*設置超級鏈接背景顏色爲紅色*/
a:hover{blue;} /*設置鼠標滑過超級鏈接時背景顏色爲藍色*/
使用背景圖片實現超級鏈接翻轉效果：使用背景圖片同超級鏈接的翻轉效果需要準備兩張圖片。一張圖片應用在a標籤上，另一張圖片應用在hover僞類上。當鼠標沒有接觸超級鏈接時，超級鏈接的背景就是應用a標籤上的背景圖片；當鼠標滑過超級鏈接時，背景圖片會更換爲應用在hover僞類上的背景圖片，從而實現翻轉效果。
使用背景圖片實現超級鏈接翻轉效果：
a{url(image1.jpg ) repeat-x;} /*設置超級鏈接的背景圖片爲image1.jpg，橫向方式平鋪。*/
a:hover{url(image2.jpg ) repeat-x;} /*設置鼠標滑過超級鏈接時背景圖片爲image2.jpg，橫向方式平鋪。