文章專區

網頁設計相關文章

CSS的超連結樣式

CSS的連結樣式可以針對網頁中的連結,依據使用狀態提供不一樣的效果,能夠讓原本單純的連結有更多視覺上的變化,可以設定的屬性像是文字顏色、字型、粗細等等。

 

連結狀態共有四種:

a:link – 一般的、未被點擊過的連結

a:visited -已被點擊的連結

a:hover - 滑鼠指標移到連結上方時的狀態

a:active - 連結被點擊時的狀態

 

而若這四種狀態皆要設定的話,必須依照以下順序規則:

a:hover 必須位於a:link 和a:visited 之後

a:active 必須位於a:hover 之後

 

另外,text-decoration 屬性大多用於去除掉連結的下劃線

範例:

a:link {

text-decoration:none;

}

範例: