當鼠標懸停在一個元素上時,我們可以使用CSS來改變它的樣式。
p:hover { background-color: yellow; }
上面的代碼表示當鼠標懸停在<p>元素上時,將其背景顏色改為黃色。
這種效果可以應用于各種不同類型的元素。例如,當鼠標懸停在鏈接上時,我們可以改變鏈接的顏色以及添加下劃線:
a:hover { color: red; text-decoration: underline; }
上面的代碼表示當鼠標懸停在<a>元素上時,將其文本顏色改為紅色,并添加下劃線。
總之,使用CSS的:hover偽類可以讓網頁在用戶交互時產生更加生動的效果。