在網頁開發中，css控制鼠標背景變色也是一種常見的效果。通過改變鼠標移入和移出某個元素時的背景顏色，可以吸引用戶的注意力，增強互動性。

/* 給元素設置背景顏色 */
.box{
background-color: #fff;
}
/* 鼠標移入時改變背景顏色 */
.box:hover{
background-color: #ff0;
}

代碼中，我們給一個名為.box的元素設置了背景顏色為白色。在:hover偽類中，我們改變元素的背景顏色為黃色，這意味著當鼠標移到該元素上時背景將變為黃色。

此外，我們還可以使用rgba()顏色格式，來實現透明度變化。例如:

/* 鼠標移入時改變背景透明度 */
.box:hover{
background-color: rgba(255, 255, 0, 0.5);
}

代碼中，我們指定了背景顏色為黃色，透明度為0.5。這將導致鼠標移入時，元素的背景顏色將變為半透明黃色。

總之，通過css控制鼠標背景變色，可以為網頁帶來更好的用戶體驗，增強交互性。同時，我們還可以利用透明度等效果，讓鼠標背景變化更加豐富多彩。