CSS中的圖片輪播可以讓我們在網頁中展示多張圖片，讓網站更加美觀。下面是一個簡單的CSS圖片輪播的實現：

.slider {
width: 100%;
height: 500px;
background-color: #EEE;
position: relative;
overflow: hidden;
}
.slider-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: all 1s ease;
}
.slider-img:first-child {
opacity: 1;
}
.slider .controls {
position: absolute;
bottom: 10px;
left: 50%;
transform: translateX(-50%);
}
.slider .controls button {
background-color: transparent;
border: none;
outline: none;
cursor: pointer;
margin: 0 10px;
font-size: 20px;
color: #333;
}

首先，我們定義了一個具有相對定位和溢出隱藏屬性的slider容器，并將每個圖片的定位設置為絕對。

圖片的CSS屬性為絕對，并且初始透明度為0，我們使用CSS轉換屬性來設置切換時的動畫效果。我們還給第一張圖片設置了不透明度1，以確保初始狀態下能夠正常顯示第一張圖片。

最后，我們添加了一個控制按鈕，可以使用戶在圖片之間進行切換。它是用CSS定位在slider容器底部的中心位置，并且每個按鈕顏色為透明，在hover時會變成黑色，當用戶點擊按鈕時，觸發切換效果。

這只是一個簡單的CSS圖片輪播實現，你可以根據自己的需求進行修改。希望這能幫助你創建出一個更美觀的網站。