在網頁設計中，常會遇到需要設置三列的情況。使用CSS可以很方便地實現這一效果。 首先，我們需要創建三個div元素，作為三列的容器。在HTML代碼中，可以這樣寫：

<div class="left-column">
<p>這是左側的內容</p>
</div>
<div class="middle-column">
<p>這是中間的內容</p>
</div>
<div class="right-column">
<p>這是右側的內容</p>
</div>

接下來，我們需要編寫CSS樣式來控制這三個元素。在CSS代碼中，可以這樣寫：

.left-column {
float: left;
width: 33.33%;
}
.middle-column {
float: left;
width: 33.33%;
}
.right-column {
float: left;
width: 33.33%;
}

這里，我們使用了float屬性來讓三列元素浮動，并且設置了寬度為33.33%（因為三列一共需要占據100%的寬度）。 最后，我們可以為每個內容添加樣式，例如：

p {
font-size: 16px;
line-height: 24px;
color: #333;
}

這樣就完成了三列布局的設計。 總的來說，使用CSS設置三列只需要創建三個容器元素，設置寬度并讓它們浮動，就可以輕松完成。同時，可以通過設置p標簽等元素的樣式來控制內容的展示效果。