在網頁設計中，布局是非常重要的一部分。而CSS是實現布局的重要手段。其中，三欄式布局是網頁布局中常見的一種方式。三欄式布局指的是將一個網頁分成左、中、右三個部分，分別對應三個div。

<div class="left-column"></div>
<div class="main-column"></div>
<div class="right-column"></div>

通過CSS樣式，我們可以實現這種三欄式布局。我們可以通過float屬性讓左、右兩個div分別位于左右兩側，中間的div使用margin屬性讓其居中顯示。代碼如下所示：

.left-column {
width: 20%;
float: left;
}
.main-column {
width: 60%;
margin: 0 auto;
}
.right-column {
width: 20%;
float: right;
}

以上CSS樣式代碼可以實現一個簡單的三欄式布局。我們可以修改每個div的寬度和間距來實現不同的布局效果。

總之，在網頁設計中，三欄式布局是一種常見的布局方式。通過CSS樣式的自由組合，我們可以實現多樣化的布局效果。希望大家在使用CSS樣式時，能夠充分發揮想象力，實現更加獨特的網頁布局。