CSS鼠標hover事件常用于頁面元素的交互效果中，比如讓鼠標懸停在圖片上時圖片有顏色變化，或是讓鼠標懸停在按鈕上時按鈕有動態效果等。下面就讓我們看一下如何實現這種效果。

/* 首先定義一個樣式，這里是當鼠標懸停在元素上的樣式 */
:hover {
/* 為了區別其它狀態，比如默認、選中狀態等，一般會設置特定顏色、背景等 */
background-color: #ff0000;
color: #ffffff;
}
/* 然后在html代碼中指定要應用這個樣式的元素 */
/* 以文本為例 */
<p>鼠標懸停在這段文本上時，背景色和文字顏色會發生變化</p>
/* 同理，對于圖片、按鈕等元素也是一樣的 */
<img src="example.png" alt="example" width="200" height="200" style="display:block;">
<button>懸停在我上面看看</button>

當我們將以上代碼應用到網頁中時，就可以看到當鼠標懸停在指定的元素上時，其背景色和文字顏色就會根據預設樣式進行變化。