隨著我們對網頁布局的需求越來越高，CSS3為我們提供了更多的選擇。其中最有名的就是多欄布局（multi-column layout），它可以讓我們輕松地實現一個類似于報紙的多欄排版。

在CSS2中，我們只能使用浮動或定位實現多欄布局。這種方法雖然可行，但是需要一些繁瑣的計算和調整。而CSS3中的多欄布局就簡單得多。

/*設置多欄布局*/
div {
column-count: 3; /*設置3列*/
column-gap: 20px; /*設置列間距為20px*/
}

以上代碼就可以實現一個三欄布局，每列之間間隔20px。如果需要設置列寬，可以使用column-width屬性。

div {
column-count: 3; /*設置3列*/
column-gap: 20px; /*設置列間距為20px*/
column-width: 100px; /*設置列寬為100px*/
}

我們還可以使用column-rule屬性為每列添加邊框。

div {
column-count: 3; /*設置3列*/
column-gap: 20px; /*設置列間距為20px*/
column-width: 100px; /*設置列寬為100px*/
column-rule: 2px dotted #333; /*添加邊框*/
}

以上代碼會為每列添加一條2px寬的虛線邊框，顏色為#333。

多欄布局不僅可以應用于div元素，也可以應用于文本。只需將p元素設置為多欄布局，就可以實現類似報紙的排版效果。

p {
column-count: 2; /*設置2列*/
column-gap: 30px; /*設置列間距為30px*/
column-rule: 1px solid #ccc; /*添加邊框*/
}

以上代碼會將一段文本分為兩列，并且每列之間間隔30px，邊框為1px實線，顏色為#ccc。

總的來說，CSS3的多欄布局讓我們可以更輕松地實現復雜的排版效果，而不需要過多的計算和調整。希望你們也會喜歡這個新特性。