CSS輪播圖是網(wǎng)頁(yè)設(shè)計(jì)中常見(jiàn)的制作方式。如果要讓輪播圖循環(huán)播放，可以采用以下方法：

/* 設(shè)置輪播容器的寬度和高度 */
.slider {
width: 600px;
height: 300px;
overflow: hidden;
position: relative;
}
/* 設(shè)置輪播圖的寬度和高度 */
.slider img {
width: 600px;
height: 300px;
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
/* 設(shè)置當(dāng)前輪播圖的樣式 */
.slider img.active {
opacity: 1;
}
/* 設(shè)置輪播圖的動(dòng)畫(huà)效果 */
@keyframes slide {
from {
left: 0;
}
to {
left: -600px;
}
}
/* 設(shè)置輪播圖容器的動(dòng)畫(huà)過(guò)渡效果 */
.slider {
animation: slide 3s infinite;
}

在以上代碼中，我們首先設(shè)置了輪播容器的寬度和高度，并將其overflow屬性設(shè)置為hidden，這樣就可以隱藏超出容器大小的圖片。

接著，我們?cè)O(shè)置了輪播圖的寬度和高度，并將其position屬性設(shè)置為absolute，讓它們可以覆蓋在輪播容器之上。

然后，我們?cè)O(shè)置了當(dāng)前輪播圖的樣式，通過(guò)將active類(lèi)添加到某個(gè)輪播圖上，來(lái)顯示它。

最后，我們?cè)O(shè)置了輪播圖的動(dòng)畫(huà)效果，通過(guò)@keyframes和animation屬性來(lái)控制輪播圖的滑動(dòng)過(guò)渡效果。并將輪播圖容器的animation屬性設(shè)置為infinite，使得輪播圖可以無(wú)限循環(huán)播放。