在網站中，滾動圖片常用于幻燈片展示等場景。CSS 可以實現這種滾動圖片的效果，下面介紹如何設置。

首先，在 HTML 中，我們需要先定義一個容器，在其中放置圖片。這個容器可以是一個 div 標簽，也可以是任何具有寬度和高度的 HTML 元素。比如：

<div id="scroll-container">
<img src="image-1.jpg">
<img src="image-2.jpg">
<img src="image-3.jpg">
</div>

然后，我們可以使用 CSS 的 overflow 屬性來控制容器中的圖片滾動。overflow 屬性有兩個可選值，分別是 hidden 和 scroll。當設置為 hidden 時，容器內容超出部分將被隱藏。當設置為 scroll 時，容器會顯示滾動條，用戶可以用滾動條滾動容器內的內容。比如：

#scroll-container {
width: 300px;
height: 200px;
overflow: scroll;
}

上面的代碼設置了容器的寬度為 300 像素，高度為 200 像素，并且設置了 overflow 屬性為 scroll。這樣，當容器中的圖片內容超出容器大小時，就會出現滾動條，用戶可以通過滾動條將圖片滾動。

最后，如果想要讓圖片在容器中自動滾動，可以使用 CSS 的 animation 屬性。animation 屬性可以讓元素在一段時間內自動播放一組動畫效果。比如：

#scroll-container img {
animation: scroll 10s linear infinite;
}
@keyframes scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-100%);
}
}

上面的代碼定義了一個名為“scroll”的動畫，讓圖片在 10 秒鐘內向左平移 100% 的距離，也就是滾動完整個容器。同時，animation 屬性中的 infinite 關鍵字表示動畫無限循環。這樣，我們就實現了一個自動滾動圖片的效果。