使用CSS設置滾動圖可以讓網頁更具動態感，吸引用戶的注意力。下面介紹一下如何實現這種效果。
首先，在HTML中結構設置容器div，將要顯示的圖片作為其子元素，代碼如下：

<div class="scroll-img">
<img src="image.jpg" alt="圖片">
</div>

接下來，在CSS中設置scroll-img樣式，使得其中的圖片可以滾動起來。代碼如下：

.scroll-img {
overflow-x: auto;  /* 橫向滾動 */
white-space: nowrap;  /* 保證圖片不換行 */
}
.scroll-img img {
display: inline-block;  /* 圖片顯示方式 */
height: 200px;  /* 圖片高度 */
margin-right: 20px;  /* 圖片間隔 */
}

這樣，當在HTML中添加多張圖片時，就能夠實現圖片的橫向滾動了。需要注意的是，如果想要縱向滾動，可以將overflow-x改為overflow-y即可。
總體來說，CSS通過設置overflow和white-space屬性，以及子元素的一些樣式，就可以實現滾動圖的效果了。