CSS盒子如何設置鼠標經(jīng)過效果

在CSS中，我們可以使用:hover偽類來設置鼠標經(jīng)過盒子的效果，下面是一個簡單的例子：

HTML代碼：

<div class="box"></div>

CSS代碼：

.box {
  width: 200px;
  height: 200px;
  background-color: #333;
  color: #fff;
  text-align: center;
  line-height: 200px;
}
.box:hover {
  background-color: #666;
  color: #fff;
}

在這個例子中，我們創(chuàng)建了一個名為.box的CSS盒子，并設置了它的寬度、高度、背景顏色和文字顏色，我們使用:hover偽類來設置鼠標經(jīng)過盒子時的背景顏色和文字顏色，這樣，當鼠標經(jīng)過盒子時，背景顏色會變?yōu)?666，文字顏色仍然為#fff。

除了背景顏色和文字顏色，我們還可以設置鼠標經(jīng)過時的其他樣式，如邊框、陰影等，這些樣式可以根據(jù)具體需求進行調整。

需要注意的是，:hover偽類只在支持CSS的瀏覽器中有效，在使用時需要考慮瀏覽器的兼容性。