鼠標懸停是Web開發中常用的交互效果之一。在CSS中,我們可以使用:hover選擇器來實現這個效果。
例如,我們有一個鏈接需要在鼠標懸停時變色。我們可以這樣編寫CSS:
a:hover { color: red; }
這里,我們使用了:hover選擇器來選擇鏈接在鼠標懸停時的狀態。然后,我們將鏈接的文本顏色設置為紅色。
類似的,我們也可以在鼠標懸停時改變其他元素的樣式,比如一個按鈕:
button:hover { background-color: blue; color: white; }
這里,我們使用了:hover選擇器來選擇按鈕在鼠標懸停時的狀態。然后,我們將按鈕的背景顏色設置為藍色,將文本顏色設置為白色。
總之,通過使用:hover選擇器,我們可以實現各種鼠標懸停效果,從而提升頁面的交互性和用戶體驗。