CSS圖片輪換特效是一種常見的網頁設計效果，特別適用于圖片展示類網站。下面是一段示例代碼：

//HTML
<div class="slider"><img src="image1.jpg" alt="Slide 1" /><img src="image2.jpg" alt="Slide 2" /><img src="image3.jpg" alt="Slide 3" /></div>//CSS
.slider {
width: 500px;
height: 300px;
position: relative;
}
.slider img {
position: absolute;
top: 0;
left: 0;
opacity: 0;
transition: all 1s ease;
}
.slider img:first-child {
opacity: 1;
}
.slider img.active {
opacity: 1;
}

這段代碼演示了一個簡單的圖片輪換特效。使用CSS將圖片定位到同一位置，所有圖片的opacity都設為0，只有第一張設為1，這樣就只會顯示第一張圖片。通過添加類active來控制哪張圖片顯示。這里設置了一個過渡效果，從而獲得更加平滑的切換體驗。