想要網(wǎng)頁更加生動，一個簡單卻實用的方法就是為鏈接、按鈕等元素添加懸停背景色變化。比如，鼠標(biāo)懸停在某個按鈕上，按鈕的背景顏色會立即改變，讓用戶更加方便地理解該按鈕的功能。那么，如何使用CSS來實現(xiàn)這個效果呢？

.btn {
background-color: #007bff; /* 默認背景色 */
color: #fff; /* 默認文字顏色 */
padding: 10px 20px;
border-radius: 5px;
transition: all .3s; /* 定義過渡效果 */
}
.btn:hover {
background-color: #0069d9; /* 鼠標(biāo)懸停時的背景色 */
cursor: pointer; /* 鼠標(biāo)形狀變成手形 */
}

上面的代碼中，.btn是一個class選擇器，指向所有具有該類名的元素。它有一個默認背景色和文字顏色，并設(shè)置了圓角邊框和過渡效果。當(dāng)鼠標(biāo)懸停在.btn上時，我們使用:hover偽類選擇器定義一個新的屬性，即鼠標(biāo)懸停時的背景色和手型鼠標(biāo)。通過這樣的設(shè)置，我們能夠讓網(wǎng)頁看起來更加美觀，用戶操作也更為友好。

需要注意的是，此代碼只是演示，使用時需要根據(jù)實際情況進行修改。同時，CSS的過渡效果還能用于其他屬性，比如文字顏色、邊框等，讓元素產(chǎn)生更加豐富的動態(tài)效果。