多列布局是CSS3中的一個重要屬性，可以快速構建出多欄的網頁設計，其中包括了如下CSS3的多列布局屬性：

column-count: 3; /* 定義列數為3 */
column-width: 300px; /* 定義列寬為300px */
column-gap: 30px; /* 定義列之間的間隔為30px */
column-rule: 1px solid #eaeaea; /* 定義列之間的分隔線 */

以上是使用CSS3多列布局的基本屬性，下面我們就將它們應用到網頁設計中：

<div class="wrapper">
<p>這里是內容區域，將會被分成多欄布局</p>
</div>
<style>
.wrapper {
column-count: 3;
column-width: 300px;
column-gap: 30px;
column-rule: 1px solid #eaeaea;
}
</style>

以上代碼就是一個簡單的多欄布局，通過CSS3多列布局屬性我們定義了內容區域為三欄，每欄寬度為300px，欄之間的間隔為30px，同時有了1px的分隔線。

當然，我們可以結合其他CSS3屬性來優化我們的多欄布局，例如邊框圓角、陰影效果等等。

需要注意的是，CSS3多列布局在不同的瀏覽器中的兼容性存在差異，實際使用時需要對各個瀏覽器進行測試。