CSS廣告滾動是一種常見的網頁設計技術，它能夠讓網頁上的廣告圖案按照一定的規律自動滾動，從而吸引用戶注意力，提高廣告點擊率。CSS廣告滾動的實現方法比較簡單，主要通過使用CSS中的動畫效果和定位屬性來實現。

/* CSS代碼示例 */
.ad-box {
width: 300px;
height: 100px;
overflow: hidden;
position: relative;
}
.ad-items {
width: 1000px;
height: 100px;
position: absolute;
left: 0;
top: 0;
animation: ad-scroll 10s linear infinite;
}
.ad-item {
width: 300px;
height: 100px;
float: left;
}
@keyframes ad-scroll {
0% {left: 0;}
100% {left: -600px;}
}

上面的代碼示例中，我們首先定義了一個廣告容器ad-box，它的寬度和高度分別為300px和100px。然后，在ad-box容器中嵌套了一個子容器ad-items，它的寬度和高度為1000px和100px，并設置了position:absolute定位屬性，left和top分別為0，這樣就保證了ad-items子容器始終在ad-box容器內部的最左上角。

接下來，我們把ad-item子元素放到ad-items容器中，每個ad-item的寬度和高度都設置為300px和100px，這是因為我們要讓多個ad-item子元素通過橫向排列實現自動滾動效果。

最后，我們通過CSS中的@keyframes規則定義了一個名為ad-scroll的動畫效果，在10秒時間內，讓ad-items容器從左往右滾動，在滾動過程中，left屬性的變化值逐漸從0減小到-600px，這樣就實現了一個簡單的CSS廣告滾動效果。