CSS是一種用于控制網頁布局和樣式的語言，我們可以通過它來修改網頁中各個元素的顏色、字體、大小等。今天我們講一下如何用CSS來實現背景切換效果。

首先，我們需要在HTML文檔中添加一個用于切換背景的按鈕，代碼如下：

<button id="bgBtn">點擊切換背景</button>

接著，我們需要在CSS中設置背景圖片及其它樣式，代碼如下：

body {
background: url("background1.jpg");
background-size: cover;
/* 其它樣式 */
}

我們設置了背景圖片為background1.jpg，并將其縮放至鋪滿整個網頁。接下來，我們需要使用JavaScript來實現背景切換的功能，代碼如下：

var btn = document.getElementById("bgBtn");
var body = document.getElementsByTagName("body")[0];
var bgIndex = 1;
btn.onclick = function() {
bgIndex = bgIndex % 3 + 1;
body.style.background = "url('background" + bgIndex + ".jpg')";
}

我們通過JavaScript代碼來監聽按鈕的點擊事件，在每次點擊時切換背景圖片。我們將背景圖片的序號保存在變量bgIndex中，并在點擊事件中修改為下一張圖片的序號。最后，我們再將body元素的背景設置為對應的圖片即可。

以上就是用CSS實現背景切換的方法，希望對你有所幫助。