CSS 鼠標懸?。?hover)是一種非常有用的屬性,可以在網頁設計中為用戶帶來更加豐富的體驗。
使用 :hover 屬性可以實現很多效果,比如改變文字的顏色、背景顏色、文字大小等。在下面的代碼中,我們將鼠標懸浮時的文字顏色改為紅色:
p:hover { color: red; }
如果我們想讓圖片在鼠標懸浮時變得更加生動,我們可以使用 transform 屬性。在下面的代碼中,我們將圖片放大 1.2 倍:
.image:hover { transform: scale(1.2); }
除了在普通元素上使用 :hover 屬性,我們也可以在鏈接上使用,這樣當用戶將鼠標懸浮在鏈接上時就會出現下劃線。在下面的代碼中,我們將鏈接的下劃線顏色改為綠色:
a:hover { text-decoration: underline; text-decoration-color: green; }
總之,鼠標懸浮是一個非常簡單但有效的屬性,可以提高網頁設計的互動性和美觀度。
上一篇css給按鈕設置顏色
下一篇css鼠標懸浮代碼