CSS 中的鼠標經過效果是一種常見的交互效果，可以讓網站更加生動有趣。其中最基礎的一種效果就是當用戶鼠標經過某一個元素時，該元素的顏色發生變化。比如，我們可以將鼠標經過的元素的文字或者背景顏色變成紅色。

代碼示例：
/* 鼠標經過時文字變紅 */
p:hover {
color: red;
}
/* 鼠標經過時背景變紅 */
.box:hover {
background-color: red;
}

在上面的代碼中，我們通過添加一個:hover 偽類來實現當鼠標經過時的效果。其中，p:hover 表示當鼠標經過 p 元素時觸發，此時我們將該元素的字體顏色設置為紅色。而 .box:hover 則是表示當鼠標經過類名為 box 的元素時觸發，此時我們將該元素的背景顏色設置為紅色。

需要注意的是，在使用:hover 偽類時，我們必須針對每一個需要添加鼠標經過效果的元素單獨設置樣式。這也是如果我們需要對多個元素進行相同樣式的鼠標經過效果，通常我們會將它們封裝在同一個類名下的原因。