在网站中，滚动图片常用于幻灯片展示等场景。CSS 可以实现这种滚动图片的效果，下面介绍如何设置。

首先，在 HTML 中，我们需要先定义一个容器，在其中放置图片。这个容器可以是一个 div 标签，也可以是任何具有宽度和高度的 HTML 元素。比如：

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

然后，我们可以使用 CSS 的 overflow 属性来控制容器中的图片滚动。overflow 属性有两个可选值，分别是 hidden 和 scroll。当设置为 hidden 时，容器内容超出部分将被隐藏。当设置为 scroll 时，容器会显示滚动条，用户可以用滚动条滚动容器内的内容。比如：

<code>
#scroll-container {
width: 300px;
height: 200px;
overflow: scroll;
}
</code>

上面的代码设置了容器的宽度为 300 像素，高度为 200 像素，并且设置了 overflow 属性为 scroll。这样，当容器中的图片内容超出容器大小时，就会出现滚动条，用户可以通过滚动条将图片滚动。

最后，如果想要让图片在容器中自动滚动，可以使用 CSS 的 animation 属性。animation 属性可以让元素在一段时间内自动播放一组动画效果。比如：

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

上面的代码定义了一个名为“scroll”的动画，让图片在 10 秒钟内向左平移 100% 的距离，也就是滚动完整个容器。同时，animation 属性中的 infinite 关键字表示动画无限循环。这样，我们就实现了一个自动滚动图片的效果。