CSS四方塊布局是一種常用的網頁布局技術，可以將一個矩形區域分成四個等大小的方塊，實現類似于棋盤一樣的布局效果。該技術可以通過定義方塊的大小、位置、顏色等屬性，實現靈活的布局設計，廣泛應用于網頁設計、游戲界面等領域。

使用CSS四方塊布局需要使用一個矩形區域作為布局容器，例如一個HTML表格、一個圖片框等。然后通過設置方塊的大小、位置、顏色等屬性，將區域分成四個等大小的方塊，從而實現布局效果。

下面是一個簡單的四方塊布局示例：

```html

<table>

<tr>

<td>方塊1</td>

<td>方塊2</td>

<td>方塊3</td>

</tr>

<tr>

<td>方塊4</td>

<td>方塊5</td>

<td>方塊6</td>

</tr>

</table>

在這個示例中，我們使用了CSS的`table`和`tr`、`td`元素來創建表格和單元格。通過設置單元格的大小和位置，我們可以將表格分成四個等大小的方塊，每個方塊都包含一個單元格。

CSS四方塊布局還有許多其他屬性，例如`border`、`margin`、`padding`等，可以用于調整方塊的邊框、間距和位置等屬性，實現更加復雜的布局效果。

總的來說，CSS四方塊布局是一種靈活、實用的網頁布局技術，可以幫助設計師實現更加美觀、高效的布局效果。