CSS中的列表項（<li>）是我們在網頁制作中非常常見的元素，通過一些CSS樣式的添加，可以讓列表項的顯示效果更加美觀、生動。其中一種經典的效果就是鼠標懸停效果。

鼠標懸停效果是指當鼠標移動到列表項之上時，該列表項的顯示效果會發生變化。例如，我們可以讓鼠標懸停在列表項上時，文本顏色變為紅色，背景顏色變為灰色。

li:hover{
color: red;
background-color: gray;
}

上方的代碼使用了CSS中的偽類選擇器:hover，它表示鼠標在當前元素上方時的狀態。當鼠標懸停在<li>元素上時，就會觸發這段代碼，將<li>元素的文本顏色和背景顏色修改為相應的值。

值得注意的是，這段代碼僅適用于鼠標懸停在<li>元素上方的效果，而不適用于其他任何效果。如果我們需要為其他元素添加鼠標懸停效果，也需要創造相應的CSS樣式。

在實際的網頁制作中，鼠標懸停效果常常用于網站導航欄目的制作上，以增強用戶的交互體驗。通過精心設計的鼠標懸停效果，可以使網站導航欄目更加美觀、動感、富有活力。