文章專區
網頁設計相關文章
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;
}
範例: