在CSS中,我們可以使用:hover偽類選擇器來實現當鼠標懸停在一個元素上時的效果。比如說當我們懸停在一個鏈接上時,可以讓鏈接變色或者有下劃線。
下面是一個例子,當我們把鼠標放到這個鏈接“CSS+鼠標進入”上時,鏈接文字會變色:
a:hover { color: red; }
除了鏈接,我們還可以用:hover實現其他效果,比如按鈕的顏色變化、圖片的縮放等等。
以下是一個例子,當我們把鼠標移動到這個按鈕上時會出現邊框和背景顏色的變化:
button:hover { border: 1px solid red; background-color: pink; }
總之,使用:hover偽類選擇器可以讓我們的頁面更加交互有趣,給用戶帶來更好的體驗。