CSS（Cascading Style Sheets 層疊樣式表）是用于給 HTML 文檔添加樣式的一種語言，可以通過 CSS 制作各種炫酷的特效，比如背景圖片變換。

下面介紹兩種實現背景圖片變化的方法：

1. 使用background-image和@keyframes:

background-image: url("圖片1.jpg");
animation: myanimation 10s infinite;
@keyframes myanimation {
0% { background-image: url("圖片1.jpg") }
25% { background-image: url("圖片2.jpg") }
50% { background-image: url("圖片3.jpg") }
75% { background-image: url("圖片4.jpg") }
100% { background-image: url("圖片1.jpg") }
}

上述代碼中，我們定義了一個名為myanimation的動畫，其循環時間為 10 秒，無限循環。定義了從 0%-25%、25%-50%、50%-75% 和 75%-100% 期間，背景圖片的變化情況，然后通過animation: myanimation來啟用動畫。

2. 使用 JavaScript:

var i = 0;
var images = [
"圖片1.jpg",
"圖片2.jpg",
"圖片3.jpg",
"圖片4.jpg"
];
var time = 5000; // 切換時間，單位毫秒
function changeImage() {
document.body.style.backgroundImage = "url(" + images[i] + ")";
i = (i + 1) % images.length;
setTimeout("changeImage()", time);
}
window.onload = changeImage;

上述代碼中，我們定義了一個變量i，代表當前所顯示的圖片的下標，以及一個數組images，存儲要輪播的圖片路徑。然后定義了一個函數changeImage()，每隔一定時間切換一張圖片，然后通過window.onload = changeImage;來啟用輪播。