CSS層鼠標指向顯示是一種常見的網頁效果。當用戶將鼠標指向網頁上的某個元素時,該元素會發生特定的變化,例如改變背景顏色、顯示陰影效果、描邊等。這種效果可以使頁面看起來更加生動,互動性更強。
/* CSS樣式代碼 */ a:hover{ color: red; text-decoration: underline; }
在CSS中實現層鼠標指向顯示,我們需要使用:hover偽類選擇器。例如,當用戶將鼠標指向一個鏈接時,我們可以設置該鏈接的文字顏色為紅色,下劃線也會顯示出來。這可以通過以下代碼實現:
<a href="#">這是一個鏈接</a>
上面代碼的CSS樣式可以寫成這樣:
/* CSS樣式代碼 */ a:hover{ color: red; text-decoration: underline; }
當鼠標指向鏈接時,鏈接會變成紅色,下劃線也會顯示出來。這就是層鼠標指向顯示的效果。
除了鏈接元素,我們還可以在其他元素上添加該效果,例如按鈕、圖像等。只需要在CSS中設置:hover偽類選擇器,就可以實現層鼠標指向顯示。