在網頁設計中，表格是經常出現的元素之一。有時候我們需要將一個表格分成多個部分展示在頁面上，這就需要用到CSS來設置表格的顯示方式和樣式。 首先，我們需要在HTML中使用table標簽來創建表格。表格可以有多個行和列，其中每個單元格可以包含文本、圖像或其他內容。如下所示：

<table>
<tr>
<th>列1</th>
<th>列2</th>
<th>列3</th>
</tr>
<tr>
<td>行1列1</td>
<td>行1列2</td>
<td>行1列3</td>
</tr>
<tr>
<td>行2列1</td>
<td>行2列2</td>
<td>行2列3</td>
</tr>
</table>

接下來，我們可以使用CSS來設置表格的顯示方式和樣式。如果要將一個大表格分成多個小表格，我們可以使用`table-layout: fixed`來固定表格的寬度，然后使用`colspan`和`rowspan`屬性來合并單元格。例如：

<table style="table-layout: fixed;">
<tr>
<th colspan="3">表格標題</th>
</tr>
<tr>
<td rowspan="2">1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td colspan="2">4</td>
</tr>
<tr>
<td>5</td>
<td rowspan="2">6</td>
<td rowspan="2" colspan="2">7</td>
</tr>
<tr>
<td>8</td>
</tr>
</table>

上面的代碼中，我們將一個大表格分成多個小表格，每個小表格都是由合并的單元格構成的。這樣可以使得頁面排版更加美觀，同時也方便用戶觀察和使用表格。 除了合并單元格，我們還可以使用CSS來設置表格的顏色、邊框、字體等樣式。例如：

<style>
table {
border-collapse: collapse;
width: 100%;
}
th, td {
border: 1px solid #ccc;
padding: 8px;
text-align: left;
font-size: 14px;
font-family: Arial, sans-serif;
}
th {
background-color: #f2f2f2;
}
tr:hover {
background-color: #f5f5f5;
}
</style>

上面的代碼中，我們將表格的邊框顏色設為灰色，單元格內的文本居左對齊，背景顏色為淺灰色。當鼠標移到表格行上時，該行的背景色會變成淺藍色。這些設置可以使得表格的樣式更加美觀，同時也增加了用戶對表格內容的關注度。 總體來說，CSS對表格的設置是十分靈活和強大的，可以幫助我們實現各種各樣的效果。需要根據具體情況來選擇合適的CSS屬性和值，從而打造出符合自己需求的表格。