CSS是一種非常強大的樣式語言，除了可以實現常見的頁面布局和樣式設置之外，還可以幫助我們自動生成表格。下面，我們就來一起學習一下如何使用CSS來自動生成表格。

首先，我們需要一個包含數據的列表。我們可以使用HTML中的ul或ol列表元素。例如：

<ul id="my-list">
<li>蘋果</li>
<li>香蕉</li>
<li>橙子</li>
<li>草莓</li>
<li>西瓜</li>
</ul>

接下來，我們需要使用CSS來將這個列表轉化為表格。我們可以使用CSS中的display屬性來實現這個目的：

#my-list {
display: table;
}
#my-list li {
display: table-row;
}
#my-list li:before {
content: "";
display: table-cell;
}
#my-list li:nth-child(odd):before {
content: "\2022";
padding-right: 5px;
}
#my-list li:before {
font-weight: bold;
text-align: center;
}

上面的CSS代碼中，我們首先將#my-list列表元素的display屬性設置為table。然后，我們將#my-list li元素的display屬性設置為table-row，這樣每個列表項都會成為一個表格行。

接下來，我們使用:before偽元素來將列表中的項目轉化為表格單元格。我們將每個:before元素的display屬性設置為table-cell。我們還使用:nth-child(odd)偽類來為奇數行添加黑點作為表格邊框。

最后，我們為表格添加一些樣式，包括使表格標題加粗并居中對齊。我們還可以使用padding屬性來添加表格單元格的空白。

通過這些CSS代碼，我們可以將一個簡單的HTML列表轉化為一個漂亮的表格，而無需手動編寫HTML表格標記：

? 蘋果
? 香蕉
? 橙子
? 草莓
? 西瓜

在實際應用中，我們可以根據需要修改這些CSS代碼來實現不同的表格布局和樣式設置。