在進行網頁設計時,我們會用到鏈接(hyperlink)來連接不同頁面或不同的網站。然而,瀏覽器會給鏈接默認設置樣式,因此我們需要通過 CSS 來定制鏈接的樣式以符合網站設計。
a:link { color: #FF0000; text-decoration: none; } a:visited { color: #00FF00; text-decoration: none; } a:hover { color: #FF00FF; text-decoration: underline; } a:active { color: #0000FF; text-decoration: underline; }
上述代碼分別表示不同狀態下鏈接的樣式,包括:
a:link
:鏈接的默認狀態。a:visited
:鏈接被訪問過的狀態。a:hover
:光標hover在鏈接上的狀態。a:active
:鏈接被點擊的狀態。
通過 CSS 定制鏈接樣式可以增強網頁的美觀度和用戶體驗。例如,在鏈接默認狀態下去掉下劃線或設置不同的字體顏色等。