CSS中的鼠標經過懸浮效果是一種非常常見的界面交互效果。鼠標經過懸浮效果可以讓頁面更加生動、豐富，同時也能夠提高用戶體驗。在CSS中，我們可以通過:hover偽類來實現這種效果。

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

上面的代碼是一個簡單的鼠標經過懸浮效果實現示例。當鼠標懸浮在button按鈕上時，背景色、文字顏色和邊框都會發生變化，從而讓用戶知道當前鼠標所處的位置。

除了普通的按鈕之外，鼠標經過懸浮效果還可以應用于其他元素。比如說圖片、鏈接、輸入框等等。通過一些簡單的CSS樣式，我們可以為這些元素添加鼠標經過懸浮效果，讓它們變得更加生動、豐富。

a:hover{
color: red;
text-decoration: underline;
}
img:hover{
opacity: 0.7;
}
input:hover{
border: 2px solid #333;
}

上面的代碼分別為鏈接、圖片和輸入框添加了鼠標經過懸浮效果。當鼠標懸浮在鏈接上時，文字顏色和下劃線都會出現；當鼠標懸浮在圖片上時，圖片的透明度會減少；當鼠標懸浮在輸入框上時，輸入框的邊框會變得更加明顯。

總之，通過簡單的CSS樣式修改，我們可以為頁面中的各種元素添加鼠標經過懸浮效果，提高頁面的互動性、可視化程度和用戶體驗。