實現網頁圖片自動播放可以采用CSS設置的方式。使用CSS制作動畫需要用到@keyframes關鍵字，該關鍵字用于定義動畫序列及關鍵幀，再將動畫序列應用到HTML元素中。

/* 定義動畫序列 */
@keyframes slide {
0% {
opacity: 0;
}
25% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 0; 
}
}
/* 將動畫序列應用到圖片元素上 */
#slider {
animation-name: slide;  /* 指定動畫序列 */
animation-duration: 12s;  /* 動畫持續時間 */
animation-iteration-count: infinite;  /* 無限循環 */
}

上述代碼定義了一個名為slide的動畫序列，該動畫序列設置了四個關鍵幀。接下來，將動畫序列應用到id為slider的圖片元素上，通過指定動畫名稱、動畫持續時間及動畫循環次數，實現圖片的自動播放效果。

在HTML中，要將圖片元素包裹在一個div元素中，如下所示：

<div id="slider">
<img src="img1.jpg" alt="圖片1">
<img src="img2.jpg" alt="圖片2">
<img src="img3.jpg" alt="圖片3">
</div>

上述代碼中，id為slider的div元素將包含三張圖片，在CSS中應用動畫序列時，整個div元素會自動實現圖片的輪播效果。