如何設置CSS中的鼠標懸停（hover）高亮效果？

在CSS中，我們可以使用:hover偽類來設置鼠標懸停（hover）的高亮效果。:hover偽類用于選擇鼠標指針懸停在元素上時的樣式。

我們可以設置一個div元素的背景色在鼠標懸停時變?yōu)榧t色：

div:hover {
  background-color: red;
}

在這個例子中，當鼠標懸停在div元素上時，背景色會變成紅色，我們可以根據需要設置不同的樣式，例如改變字體顏色、添加邊框等。

我們還可以使用transition屬性來設置懸停狀態(tài)的過渡效果，使樣式變化更加平滑。

div:hover {
  background-color: red;
  transition: background-color 0.5s ease;
}

在這個例子中，背景色從原始顏色變?yōu)榧t色會有一個0.5秒的過渡效果，我們可以根據需要設置不同的過渡效果，使懸停狀態(tài)更加吸引人。

需要注意的是，:hover偽類只適用于可點擊的元素，例如按鈕、鏈接等，對于不可點擊的元素，我們可以使用其他方法來實現懸停效果，例如使用JavaScript或jQuery庫。