CSS是一種強大的設計語言，可以幫助我們實現美觀、精確和易于制作的網頁。在網頁設計中，我們經常需要創建各種不同類型的表格來展示數據和信息。而對于這些表格，我們可能需要將其居中展示。下面我們將介紹如何使用CSS來居中表格。
首先，我們需要用HTML創建一個表格。在這個例子中，我們將創建一個簡單的典型的表格，它包含兩個列和四行：

<table>
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>Data 1</td>
<td>Data 2</td>
</tr>
<tr>
<td>Data 3</td>
<td>Data 4</td>
</tr>
<tr>
<td>Data 5</td>
<td>Data 6</td>
</tr>
</table>

接下來，我們需要在CSS中針對我們剛剛創建的表格設置樣式。我們可以將其包裹在一個class中。

<table class="center">
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>Data 1</td>
<td>Data 2</td>
</tr>
<tr>
<td>Data 3</td>
<td>Data 4</td>
</tr>
<tr>
<td>Data 5</td>
<td>Data 6</td>
</tr>
</table>
.center {
margin-left: auto;
margin-right: auto;
border-collapse: collapse;
}

在上面的代碼中，我們定義了一個.center的class，這個class將把我們的表格居中展示。通過設置margin-left和margin-right屬性為“auto”，可以使得表格水平居中。同時，我們還設置了border-collapse屬性為“collapse”，以去除表格中單元格之間的間隔，讓展示更加美觀。
通過上面例子中的代碼，我們可以輕松地將表格居中展示，并且掌握了如何使用CSS樣式進行設置的方法。在實際的網頁設計中，我們可以根據需要隨時調整表格的樣式，以滿足不同的設計需求。