如何用CSS設置li懸浮

在CSS中，我們可以使用偽類:hover來設置li的懸浮效果，我們需要為ul或li元素定義一個樣式，然后在這個樣式中使用:hover偽類來定義鼠標懸停時的樣式。

我們可以設置一個簡單的列表，其中每個li元素在鼠標懸停時都會變成紅色，我們可以這樣寫CSS代碼：

ul li:hover {
    color: red;
}

在這個例子中，我們使用了ul li:hover選擇器來選中所有懸停在li元素上的鼠標，我們定義了一個樣式，將顏色設置為紅色，這樣，當鼠標懸停在li元素上時，文本顏色就會變成紅色。

除了顏色變化，我們還可以設置其他樣式，例如背景色、邊框等，我們可以將懸停在li元素上的鼠標背景色設置為灰色：

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

在這個例子中，我們還添加了background-color屬性來設置背景色，這樣，當鼠標懸停在li元素上時，背景色就會變成灰色。

除了顏色和背景色，我們還可以使用其他CSS屬性來設置li懸浮效果，我們可以添加一些動畫效果，讓li元素在懸停時更加吸引人，使用CSS設置li懸浮效果是非常靈活的，可以根據(jù)具體需求來定義樣式。