CSS的a鏈接有四種狀態:鏈接未訪問、鏈接已訪問、鼠標懸停在鏈接上和鏈接激活。這些狀態可以通過CSS樣式來設置,以改變鏈接在四種狀態下的外觀和行為。
a:link { color: blue; text-decoration: none; background-color: yellow; } a:visited { color: purple; } a:hover { color: red; text-decoration: underline; } a:active { background-color: green; }
鏈接未訪問狀態下,a:link屬性被應用。在上述代碼中,它的顏色被設置為藍色,文字裝飾被去掉,背景色被設置為黃色。
鏈接已訪問狀態下,a:visited屬性被應用。在上述代碼中,它的顏色被設置為紫色。注意:只有在鏈接在瀏覽器歷史記錄中出現過,并且瀏覽器設置沒有被修改,才會應用此樣式。
鼠標懸停在鏈接上狀態下,a:hover屬性被應用。在上述代碼中,它的顏色被設置為紅色,文字下劃線被添加。
鏈接激活狀態下,a:active屬性被應用。在上述代碼中,當用戶點擊鏈接時,背景顏色被設置為綠色。
通過這些狀態的設置,我們可以更好地控制鏈接在不同狀態下的外觀和意義。在網頁設計中,這些狀態的使用非常普遍。