CSS3是CSS技術的最新版本，它引入了許多新的布局方式，讓網頁設計更加優雅。下面我們來看看幾個常用的CSS3布局方式。

彈性盒子布局

.box {
display: flex;
}

彈性盒子布局（Flexbox）是一種全新的布局方式，可以讓容器中的子元素具有彈性，自動適應容器的寬度和高度。可以通過設置flex屬性來調整子元素的大小和初始位置。

網格布局

.container {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 20px;
}

網格布局（Grid）是一種二維布局方式，在容器中創建行和列，然后將子元素放入對應的單元格中。可以通過設置grid-template-columns和grid-template-rows屬性來調整網格的大小和數量。

多欄布局

.container {
column-count: 3;
column-gap: 20px;
}

多欄布局（Column）是一種將內容分成多列的布局方式。可以設定column-width和column-count屬性來控制列的數量和寬度，并使用column-gap屬性來設置列之間的間距。

圓形布局

.box {
shape-outside: circle(50%);
float: left;
width: 200px;
height: 200px;
margin: 20px;
background-color: #3399ff;
}

圓形布局（Shape）是一種將內容圍繞形狀布局的方式。可以使用shape-outside屬性來定義形狀，并使用float屬性來控制位置。

以上是幾個常用的CSS3布局方式，使用它們可以使網頁設計更加美觀且靈活。