使用CSS改變控件被懸停的效果是非常簡(jiǎn)單的。我們可以使用:hover偽類來實(shí)現(xiàn)此效果。

.button:hover {
background-color: #ff0000;
color: #fff;
border: 2px solid #ff0000;
}

在上面的代碼中，我們使用了:hover偽類來表示控件在懸停時(shí)的狀態(tài)。然后我們可以對(duì)此狀態(tài)下的樣式進(jìn)行修改。在本例中，我們改變了控件的背景顏色、文本顏色和邊框顏色。

順便說一下，我們還可以使用CSS transition屬性來實(shí)現(xiàn)更加流暢的過渡效果。

.button {
background-color: #fff;
color: #333;
border: 2px solid #333;
transition: all 0.3s ease-in-out;
}
.button:hover {
background-color: #ff0000;
color: #fff;
border: 2px solid #ff0000;
}

在以上代碼中，我們添加了transition屬性來設(shè)置CSS屬性值的平滑過渡。這里我們?cè)O(shè)置了所有CSS屬性值的過渡時(shí)間為0.3秒，并使用ease-in-out作為過渡的緩動(dòng)函數(shù)。這樣就可以實(shí)現(xiàn)應(yīng)用更加平滑的過渡效果，讓用戶體驗(yàn)更為流暢。