css圖片輪播可以通過設置css樣式來實現，首先需要在HTML中定義一個包含圖片的div容器，例如：

<div class="slider">
<img src="image1.jpg" alt="image1">
<img src="image2.jpg" alt="image2">
<img src="image3.jpg" alt="image3">
</div>

然后在CSS中設置容器的樣式：

.slider {
position: relative; /* 設置相對定位，用于子元素的絕對定位 */
width: 100%;
height: 400px;
overflow: hidden; /* 隱藏多余部分 */
}
.slider img {
position: absolute; /* 絕對定位，使圖片重疊顯示 */
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0; /* 設置透明度為0，使所有圖片隱藏 */
transition: opacity 1s; /* 設置過渡效果 */
}
.slider img.active {
opacity: 1; /* 設置當前圖片的透明度為1，使其顯示 */
}

在JS中設置輪播效果：

let images = document.querySelectorAll('.slider img');
let current = 0;
let interval = setInterval(function() {
images[current].classList.remove('active');
current = (current + 1) % images.length;
images[current].classList.add('active');
}, 3000);

以上代碼中，我們使用了querySelectorAll方法獲取所有圖片元素，定義了當前圖片的索引和輪播時間間隔。在setInterval函數中，我們先將當前圖片移除active類，然后計算下一個圖片的索引，最后將其添加active類，實現了輪播效果。