CSS中的表格是一種非常常見的元素，而將表格與div結合使用則可以制作出更加美觀且靈活的布局。

首先，我們來看一個簡單的例子：

<table>
<tr>
<td>第一行，第一列</td>
<td>第一行，第二列</td>
</tr>
<tr>
<td>第二行，第一列</td>
<td>第二行，第二列</td>
</tr>
</table>

這是一個簡單的表格，其中包含兩行兩列的單元格。接下來，我們可以通過添加div元素來為表格添加更多的樣式。

<div class="table-container">
<table>
<tr>
<td>第一行，第一列</td>
<td>第一行，第二列</td>
</tr>
<tr>
<td>第二行，第一列</td>
<td>第二行，第二列</td>
</tr>
</table>
</div>

在上面的代碼中，我們添加了一個class為“table-container”的div容器。通過對div容器進行樣式設置，我們可以更加方便地控制表格的樣式。

下面是一個例子，我們可以添加一些邊框和背景顏色：

<style>
.table-container {
border: 1px solid #ccc;
background-color: #f2f2f2;
padding: 10px;
}
table {
border-collapse: collapse;
width: 100%;
}
td, th {
border: 1px solid #ccc;
padding: 8px;
text-align: left;
}
th {
background-color: #ddd;
}
</style>
<div class="table-container">
<table>
<tr>
<th>姓名</th>
<th>年齡</th>
<th>性別</th>
</tr>
<tr>
<td>張三</td>
<td>25</td>
<td>男</td>
</tr>
<tr>
<td>李四</td>
<td>30</td>
<td>女</td>
</tr>
</table>
</div>

在上面的代碼中，我們通過添加CSS樣式，為表格和div元素添加了邊框和背景顏色。通過這種方法，我們可以更方便地為表格添加樣式，并實現更復雜的布局。