CSS 樣式三圖并排是網站設計中常用的一種方式，通過將三幅圖像排列在一行中，以便于展示分別統一主題的圖像。下面是實現這種效果的 CSS 代碼。

/* 左圖樣式 */
.left {
width: 33.33%;
float: left;
}
/* 中間圖樣式 */
.middle {
width: 33.33%;
float: left;
}
/* 右圖樣式 */
.right {
width: 33.33%;
float: left;
}

三張圖像都被包裹在一個容器當中，下面是 HTML 的代碼。

<div class="container">
<div class="left">
<img src="logo.png">
</div>
<div class="middle">
<img src="banner.png">
</div>
<div class="right">
<img src="ad.png">
</div>
</div>

三幅圖像就可以橫向并排了。