在網頁設計中，布局是非常重要的。不同的布局方式可以給網頁帶來不同的風格和效果。其中，表格布局和CSS布局是兩種常見的布局方式。

<table>
<tr>
<td>單元格1</td>
<td>單元格2</td>
</tr>
<tr>
<td>單元格3</td>
<td>單元格4</td>
</tr>
</table>

首先，我們來看表格布局。在表格布局中，我們使用HTML的table標簽來創建一個表格，并在其中放置單元格。通過設置單元格的屬性，如寬度、高度、邊框、邊距等，來完成網頁的布局。表格布局的優點是易于實現，適用于基本的網頁布局，同時也兼容舊版瀏覽器。

.container {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.box {
width: 200px;
height: 200px;
background-color: #ccc;
}

而CSS布局則是通過CSS的樣式來實現。其中，我們常用的有浮動、定位、Flexbox、Grid等布局方式。CSS布局的優點是靈活性強，可以實現各種網頁效果，同時也適用于現代化瀏覽器。

總的來說，表格布局適用于簡單網頁布局，CSS布局適用于更復雜的網頁設計。不同的布局方式都有其優缺點，需要根據具體情況選擇使用。