鼠標滑過背景色 CSS 屬性是一種非常有用的特性，主要用于當用戶將鼠標指針懸停在 DOM 元素上時改變其背景顏色。該屬性可以被應用于各種 HTML 元素。

:hover {
background-color: #CCCCCC;
}

在上面的示例中，我們選擇了當鼠標懸停在一個元素上時發生的事件，并用 CSS 改變了該元素的背景顏色。 :hover 選擇器告訴瀏覽器當鼠標指針位于元素上方時應該使用哪種樣式。

該屬性可以很容易地應用于按鈕、超鏈接等元素上來改善用戶交互體驗。您可以將其用作鼠標懸停高亮顯示上，或者將其用于細微的視聽差異。

需要注意的是，鼠標滑過背景色僅在支持 CSS 的瀏覽器上生效，在老舊瀏覽器上可能無法正常運行。因此，我們應該確保為在所有支持的瀏覽器上使用 fallback 樣式。

.btn {
background-color: #F2F2F2;
}
.btn:hover {
background-color: #CCCCCC;
}

上面的代碼片段確保在老舊瀏覽器上 fallback 樣式為淺灰色；當在支持 CSS 的瀏覽器上時，則會變成#CCCCCC。

總而言之，鼠標滑過背景色 CSS 屬性是一種強大的方式來提高用戶交互。通過巧妙地使用它，我們可以改善用戶體驗并使網站更加美觀。