CSS中,我們可以使用:hover偽類去設置鼠標移入效果,該偽類可以用于所有的HTML元素。
例如,我們可以設置當鼠標移至某個文本元素時,修改其字體顏色和背景顏色。代碼如下:
p:hover { color: red; background-color: yellow; }
這樣,當鼠標移至某個p標簽所在的文本時,該標簽就會變成紅色字體,黃色背景。
同理,我們也可以使用:hover偽類去修改其他元素的屬性值。例如,我們可以設置當鼠標移至某個圖片時,縮小圖片的尺寸。代碼如下:
img:hover { width: 80%; }
這樣,當鼠標移至某個img標簽時,該標簽就會被縮小至原來的80%。
總的來說,使用:hover偽類可以讓我們在頁面中添加更多的交互效果,提升用戶體驗。