CSS中有很多屬性可以用來改變元素的樣式,其中一個非常實用的屬性是:hover。這個屬性可以讓我們在鼠標懸停在元素上時改變元素的樣式。
最常見的用途是改變鼠標懸停鏈接時的顏色。比如:
a:hover { color: red; }
這個代碼片段的意思是,當鼠標懸停在一個鏈接上時,這個鏈接的顏色變成紅色。
除了鏈接以外,我們還可以用:hover屬性來改變其他元素的樣式。比如,我們可以讓鼠標懸停在一個按鈕上時,按鈕的背景色變成另一個顏色:
button:hover { background-color: yellow; }
這個代碼片段的意思是,當鼠標懸停在一個按鈕上時,這個按鈕的背景色變成黃色。
總之,通過使用:hover屬性,我們可以在鼠標懸停在元素上時改變它的樣式,這個屬性非常實用,可以讓我們的網站更加美觀和動態。
上一篇css鼠標透明度效果
下一篇css的核心內容