在網頁設計中，有時候我們需要讓頁面元素在鼠標滑過時顯示不同的顏色。那么該怎么實現呢？這就需要用到 CSS 的鼠標滑過效果了。

/* 鼠標滑過樣式 */
a:hover {
color: red;
}

如上面的代碼所示，我們可以使用:hover來定義鼠標滑過樣式。在示例中，我們為鏈接定義了一個鼠標滑過時的樣式：將字體顏色設置為紅色。當我們將鼠標懸停在鏈接上時，鏈接字體的顏色就會變成紅色。

除了鏈接，:hover還可以應用在其他元素上，比如按鈕、圖片、導航條等。使用:hover提供了一種簡單而有效的操作網頁元素的方式，讓網頁看起來更加生動、有趣。

除了可以改變顏色，我們還可以改變其他樣式。下面是一些常見的效果：

/* 鼠標滑過樣式 */
a:hover {
color: red;
font-weight: bold;
text-decoration: underline;
}

在這個示例中，我們不僅將字體顏色改變為紅色，還將字體加粗，并加上下劃線。這些樣式的變化可以提醒用戶，這個鏈接是可以點擊的。

總結一下，通過:hover來定義鼠標滑過效果可以讓網頁看起來更加生動和有趣，同時還能提供額外的提示信息。嘗試在你的網頁設計中使用:hover吧！