在網頁設計中，常會需要使用圖片橫向滾動的效果，可以讓頁面更加美觀、生動。這時，我們可以使用CSS來實現。下面是一個簡單的CSS代碼示例：

.scroll {
overflow-x: auto; /* 設置水平方向的滾動條 */
white-space: nowrap; /* 防止圖片換行 */
}
.scroll img {
display: inline-block; /* 設置圖片為行內塊元素 */
margin-right: 10px; /* 設置圖片間隔 */
}

在上述代碼中，我們首先定義了一個class名為‘scroll’的樣式。將此樣式應用到我們的圖片容器上，使用overflow-x屬性實現水平方向的滾動條。同時，我們還需要使用white-space屬性設置圖片不能換行，以在同一行上進行橫向滾動。而對于圖片本身，我們使用display屬性將其設置為行內塊元素，以使其可以與其他元素在同一行上。最后，我們給圖片間隔設置一定的距離，讓頁面更加整潔和美觀。

使用這些CSS代碼，您可以輕松地為您的網頁添加圖片橫向滾動效果，讓頁面更加豐富和生動。