在網頁設計中，圖片滾動效果能夠增加頁面的動態感，讓頁面看上去更加生動活潑。下面我們將介紹一種使用CSS樣式實現圖片左右滾動的方法。

/* 設置容器的寬度和高度 */
.container {
width: 100%;
height: 200px;
overflow: hidden;
position: relative;
}
/* 設置圖片的寬度，使用position屬性設置圖片的位置 */
.container img {
width: 200px;
position: absolute;
top: 0;
left: 0;
}
/* 使用CSS3動畫實現圖片的左右滾動 */
@keyframes ticker {
0%   { left: 0; }
100% { left: -200px; }
}
/* 將動畫應用到圖片上 */
.container img {
animation: ticker 10s linear infinite;
}

以上代碼中，我們首先設置了一個包含圖片的容器，其寬度和高度為100%和200px。然后，我們使用CSS樣式對圖片進行設置，將其寬度設置為200px，并在容器中使用絕對定位設置其位置。接下來，我們使用CSS3動畫的keyframes屬性實現了圖片的左右滾動效果，最后將該動畫應用到圖片上。

有了以上代碼，我們就可以實現一個簡單的圖片左右滾動效果了。值得注意的是，以上代碼僅適用于僅含有一張圖片的輪播效果，如果有多張圖片，則需要適當修改CSS樣式代碼。