CSS中的:hover偽類可以實現(xiàn)當鼠標懸停在某個元素上時改變元素的樣式。例如，當我們將鼠標懸停在一個鏈接上時，鏈接的顏色可以改變。在這里，我們將學習如何使用:hover偽類將鼠標懸停在元素上時改變其背景顏色。

// HTML 代碼：
<div class="box">
<p>當鼠標懸停在這個盒子上時，背景顏色會改變</p>
</div>
// CSS 代碼：
.box {
width: 200px;
height: 200px;
background-color: #ccc;
}
.box:hover {
background-color: #f00;
}

在這個示例中，我們將一個包含文本的div元素的背景色設(shè)為#ccc。然后，使用:hover偽類，指定當鼠標懸停在這個元素上時，背景顏色改變?yōu)?f00。這樣，在用戶將鼠標懸停在這個盒子上時，他們將看到背景色的變化。

可以使用:hover偽類來改變?nèi)魏蜟SS屬性。通過這種方式，我們可以為網(wǎng)站添加交互性，使用戶與我們的網(wǎng)站產(chǎn)生更多的互動。