滾動圖是網頁中常用的元素之一，通過它我們可以展示圖片、文字、廣告等內容，吸引用戶的眼球，達到我們預期的效果。下面，我們將為大家介紹使用HTML和CSS實現滾動圖的代碼。

HTML代碼

<div class="scroll-img">
<img src="img1.jpg">
<img src="img2.jpg">
<img src="img3.jpg">
<img src="img4.jpg">
</div>

在HTML代碼中，我們使用<div>標簽來包裹滾動圖片，設置class為"scroll-img"，方便后續的CSS代碼設置。<img>標簽用來展示滾動圖片的具體內容。我們可以根據自己實際需要，添加至少兩張以上圖片來實現滾動效果。

CSS代碼

.scroll-img{
overflow: hidden;
width: 450px;
height: 300px;
}
.scroll-img img{
float: left;
margin: 0 5px;
}

在CSS代碼中，我們設置了滾動圖片div的寬度和高度，使其適應我們的頁面設計。同時使用overflow屬性來控制圖片內容的溢出情況，讓多余的圖片內容被隱藏，實現滾動的效果。接著，我們為圖片添加了浮動屬性，控制它們排布的位置。標簽間距的設置可以根據自己的喜好調整。

通過HTML和CSS代碼的結合，我們可以實現簡單的滾動圖效果，并根據不同的需求進行相應的調整。希望這篇文章可以幫到大家。