CSS作為網頁設計中常用的樣式語言之一，可以通過控制不同元素的樣式來實現各種效果。其中背景色的設置是很常見的一種樣式控制，而鼠標經過效果則可以通過:hover偽類來實現。

/* 定義背景色 */
.element {
background-color: #F0F0F0;
}
/* 定義鼠標經過效果 */
.element:hover {
background-color: #CCCCCC;
}

在上面的代碼中，我們首先通過選擇器 .element 來定義了一個元素（可以是div、p、ul等任何可設置背景的元素）的背景色為 #F0F0F0。而接下來通過 .element:hover 選擇器又定義了當鼠標懸停在該元素上方時背景色變為 #CCCCCC。

這種鼠標經過效果可以大大增強網頁的交互性和視覺效果，幫助用戶更好地了解網頁中各個可交互區域的作用和狀態。同時我們也可以通過CSS的其他樣式屬性（如border、box-shadow等）結合鼠標經過效果，創造更加多樣化的樣式特效。