CSS鏈接偽類:hover
a:hover { /* CSS屬性 */ }
:hover
是CSS中的一個偽類,它允許您在鼠標懸停在鏈接上時改變鏈接的樣式。使用:hover
偽類時,您可以改變鏈接的顏色、背景色、字體等樣式。
例如:
a:hover { color: red; background-color: yellow; }
上面的代碼將在鼠標懸停在鏈接上時將鏈接的顏色更改為紅色,背景顏色更改為黃色。
:hover
偽類可以用于所有類型的鏈接(包括文本鏈接、圖像鏈接等)。您還可以將:hover
偽類與其他CSS選擇器結合使用,如:visited
、:active
或:link
,以指定不同狀態下鏈接的樣式。
例如:
/* 當鏈接處于活動狀態時 */ a:active { color: green; } /* 當鏈接未被訪問時 */ a:link { font-weight: bold; } /* 當鏈接已被訪問時 */ a:visited { color: gray; }
上述代碼將在活動、未訪問和已訪問狀態下為鏈接設置不同的樣式。使用這些CSS鏈接偽類可以為您的站點提供更好的用戶體驗。
上一篇css鼠標滾輪滾動值
下一篇css鼠標滑過動畫