CSS輪播圖是一個常見的Web頁面元素，可以用于展示多個圖片或內容，將它們以一定的時間間隔在頁面上循環播放。下面將介紹如何使用CSS實現一個簡單的輪播圖。

HTML代碼：
<div class="carousel">
<img src="image1.jpg" alt="image1">
<img src="image2.jpg" alt="image2">
<img src="image3.jpg" alt="image3">
</div>
CSS代碼：
.carousel {
position: relative;
height: 300px;
overflow: hidden;
}
.carousel img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity .5s ease-in-out;
}
.carousel img:first-child {
opacity: 1;
}
.carousel img.active {
opacity: 1;
}

首先在HTML中定義一個包含多個圖片的盒子，然后使用CSS設置盒子的寬高、overflow:hidden屬性，將超出盒子寬度的部分隱藏。

接著使用CSS將圖片都絕對定位在盒子中，使用opacity屬性將它們的透明度設置為0，同時使用transition屬性設置圖片切換時的過渡效果。使用:first-child偽類選擇器將第一張圖片的opacity屬性設置為1，使它一開始就顯示在頁面上。

最后通過JavaScript控制圖片的顯示和隱藏，實現輪播效果。

以上是一個簡單的CSS輪播圖的實現方法，希望能對大家有所幫助。