CSS背景圖輪播可以通過CSS3的動畫實現。我們將需要輪播的多個圖片作為背景圖設置到一個元素里，然后使用CSS3的動畫屬性來實現輪播效果。

.banner {
width: 1000px;
height: 500px;
background: url(1.jpg) center center no-repeat;
background-size: cover;
animation: fade 5s infinite;
}
@keyframes fade {
0% {
background: url(1.jpg) center center no-repeat;
background-size: cover;
}
25% {
background: url(2.jpg) center center no-repeat;
background-size: cover;
}
50% {
background: url(3.jpg) center center no-repeat;
background-size: cover;
}
75% {
background: url(4.jpg) center center no-repeat;
background-size: cover;
}
100% {
background: url(1.jpg) center center no-repeat;
background-size: cover;
}
}

上述代碼中，我們將輪播圖設置在banner這個元素的背景中。然后使用CSS3的動畫屬性animation來實現輪播，輪播的時間為5秒，無限循環。

在動畫屬性的@keyframes中，我們設置了5個狀態，分別對應了5張需要輪播的圖片。當動畫執行到對應的狀態時，背景圖變為相應的圖片。最后，當動畫執行到100%時，背景圖又變為了第一張圖片，從而實現無限輪播。

以上便是CSS背景圖輪播的實現方式。通過定時改變背景圖和CSS3動畫屬性，我們可以實現簡單的輪播功能。