09 超連結

在預設的情況下,超連結預設統一為藍色加底線,若被按一下過的超連結則為紫色加底線。通常這種傳統的超連結樣式完全無法滿足廣告開發者的需求。以下可以透過CSS來設置超連結的各種屬性:

 屬性    說明 
a:link      超連結的普通樣式風格,即正常瀏覽狀態的樣式風格。
a:visited被按一下過的超連結樣式風格。 
a:hover滑鼠指標經過超連結上時的樣式風格。 
a:active 在超連結上按一下時,即"Clicking"時的樣式風格。 

去掉超連結底線

<style>

a{

text-decoration:none;

}

</style>

<a href="#">沒有底線</a>


語法範例

<style>

/*超連結尚未點擊樣式並取消超連結底線*/

a{

color:green;

text-decoration:none;

}


/*滑鼠指標經過時的超連結樣式*/

a:hover{

color:red;

}


/*被訪問過的樣式*/

a:visited{

color:yellow;

}


/*Clicking的樣式*/

a:active{

color:black;

}

</style>

<a href="#">超連結範例</a>



Comments