CSS代碼實現(xiàn)鼠標(biāo)懸浮效果的方法

在CSS中，我們可以使用:hover偽類來實現(xiàn)鼠標(biāo)懸浮的效果，這個偽類可以應(yīng)用于任何元素，當(dāng)鼠標(biāo)懸浮在該元素上時，可以觸發(fā)一些樣式變化，下面是一個簡單的例子：

HTML代碼：

<div class="my-div">鼠標(biāo)懸浮我</div>

CSS代碼：

.my-div {
  width: 200px;
  height: 100px;
  background-color: #f0f0f0;
}
.my-div:hover {
  background-color: #e0e0e0;
}

在這個例子中，當(dāng)鼠標(biāo)懸浮在div元素上時，背景顏色會變?yōu)?e0e0e0，你可以根據(jù)需要修改這個樣式，例如改變字體顏色、添加邊框等，這種方法可以實現(xiàn)很多有趣的交互效果，讓網(wǎng)頁更加生動。