CSS中有一個很常用的效果就是當鼠標懸浮在某個元素上時，它會隨之發生變化。這個效果被稱為“鼠標懸浮上浮”，也就是hover效果。如果你想在網頁設計中增加一些交互性和視覺效果，那么鼠標懸浮上浮效果是一個不錯的選擇。

下面是一個簡單的例子，當鼠標懸浮在鏈接上時，鏈接的顏色會發生變化。

a:hover{
color: red;
}

上面的代碼中，我們使用了CSS的:hover偽類，它表示當鼠標懸浮在指定的元素上時，該元素應用這些樣式。在這個例子中，我們使用了color屬性來改變鏈接文字的顏色，當鼠標懸浮在鏈接上時，它會變成紅色。

除了改變顏色之外，我們還可以改變元素的背景色、邊框、字體等其他屬性。下面是一些常用的hover效果示例：

/* 改變背景色 */
div:hover{
background-color: #ccc;
}
/* 改變邊框 */
img:hover{
border: 1px solid red;
}
/* 改變文本樣式 */
p:hover{
font-weight: bold;
}

鼠標懸浮上浮效果可以讓你的網頁更加生動和有趣，不僅能夠提升用戶的體驗，還能夠增強網頁的可讀性和吸引力。如果你想提高你的CSS技能，那么學習如何使用:hover偽類就是必不可少的部分。