CSS通欄廣告是一種常見的網頁布局設計，可以將廣告內容橫向鋪滿整個頁面寬度，從而提高廣告的曝光率。在實現CSS通欄廣告之前，我們需要先設置好網頁整體的布局。

body {
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
}
.container {
width: 1200px;
margin: 0 auto;
}
.header {
height: 100px;
background-color: #333;
color: #fff;
}
.main {
width: 100%;
min-height: 500px;
background-color: #f5f5f5;
}
.footer {
height: 50px;
background-color: #333;
color: #fff;
}

接下來，我們就可以在網頁的內容區域main里添加通欄廣告了。為了達到通欄效果，我們需要將廣告容器的寬度設置為100%，并將其子元素的寬度設置為容器的固定寬度。

.ad {
width: 100%;
background-color: #fff;
text-align: center;
}
.ad img {
width: 1200px;
}

最后，我們在網頁的HTML代碼中插入廣告容器的div標簽即可。

經過以上步驟，我們就成功地實現了CSS通欄廣告的效果。