CSS鼠標移上去變背景是一種非常常見的網頁設計元素，它能夠吸引用戶的注意力，使網頁看起來更加美觀與易于操作。下面我們將介紹如何使用CSS代碼實現鼠標移上去變背景的效果。

樣式代碼如下所示：
當鼠標移動到class為btn的按鈕上時，我們將其背景顏色設置為紅色，文字顏色設置為白色。
.btn:hover {
background-color: red;
color: white;
}

上面這段代碼中，我們使用了:hover偽類選擇器來實現鼠標移上去的效果。這個偽類選擇器表示當用戶鼠標移動到一個元素上時，將應用設置在:hover后的CSS樣式。

除了改變背景顏色和文字顏色，我們還可以通過CSS實現更多有趣的鼠標移上去變背景的效果。比如，在圖片上應用這個效果，可以讓圖片逐漸變亮，或者使用CSS過渡效果實現圖片放大的效果。

總之，鼠標移上去變背景是一種最簡單、最實用的CSS效果，它不僅能夠提升網頁的美觀度，還能夠給用戶帶來更好的使用體驗。相信在今后的網頁設計中大家會經常使用這個效果。