CSS可以通過hover偽類實現元素懸浮效果。
<style> /* 將鼠標懸浮在元素上時改變文字顏色 */ p:hover { color: red; } /* 將鼠標懸浮在元素上時改變背景顏色 */ .button:hover { background-color: yellow; } </style>
在CSS中,偽類是一個以冒號開頭的選擇器,如:hover、:active等,能夠選擇元素的不同狀態。
上述代碼中,使用:hover偽類選擇鼠標懸浮在p元素上時的狀態,設置文字顏色為紅色。而對于類名為button的元素,同樣使用:hover偽類選擇鼠標懸浮時的狀態,并且將背景顏色改變為黃色。
除了顏色、背景等屬性,懸浮狀態還可以實現其他效果,如顯示隱藏元素、改變元素大小等等,具體實現方法需要結合具體的CSS代碼進行實踐。
下一篇css實現折角無邊框