網頁設計 超連結文字的狀態

星期四, 4月 26, 2018 0 留言 A+ a-


網頁中超連結文字的樣式(滑鼠移動的狀態)設定共有四種。

※ 注意!唯獨這四個標籤,在編寫網頁時,順序絕對不可調換!

四個狀態

a:link
a:visited
a:hover
a:active

功能說明

a:link → 連結文字:滑鼠未經過的狀態,就是一般情況下所顯示的效果。
a:visited → 查閱過連結:滑鼠已經檢閱過後的效果。
a:hover → 變換影像連結:滑鼠移到超連結文字上所顯示的效果。
a:active → 作用中的連結:滑鼠按下超連結文字所顯示的效果。

通常會把 a:link 跟 a:visited 設成同個顏色,網頁看起來才不會太雜亂。