CSS3是一種強大的樣式表語言，它的二維布局功能讓開發者輕松控制頁面布局，讓網頁設計變得更加靈活。下面我們來介紹一下CSS3的二維布局。

/* 設置塊級元素 */
div {
display: block;
}
/* 設置寬度、高度和背景色 */
div {
width: 200px;
height: 200px;
background-color: grey;
}
/* 設置邊框和圓角 */
div {
border: 1px solid black;
border-radius: 10px;
}
/* 設置陰影效果 */
div {
box-shadow: 5px 5px 10px grey;
}

在上述代碼中，我們首先使用display屬性將div元素設置為塊級元素，然后使用width和height屬性設置元素的寬度和高度，使用background-color屬性設置背景色。

接著，我們使用border屬性設置元素的邊框樣式，使用border-radius屬性設置元素的圓角樣式，使用box-shadow屬性設置元素的陰影效果。

使用CSS3的二維布局功能，我們可以輕松控制頁面布局，達到想要的效果，提高網頁設計的效率。