CSS列表可以通過樣式控制顯示為表格的形式，以便更好地呈現數據。

ul {
display: table;
}
li {
display: table-row;
}
li:before {
display: table-cell;
content: counter(item) ".";
padding-right: 5px;
}
li span {
display: table-cell;
}

上述CSS的含義如下：

• display: table;將
  元素的顯示屬性設置為table，將其變為一個表格。
  • display: table-row;將每個
  • 元素的顯示屬性設置為table-row，將其變為一個表格行。
  • li:before使用:before偽元素來添加每行的計數器。
  • display: table-cell;將:before偽元素和每行中的文本顯示屬性設置為table-cell，將其變為表格單元格。
  • content: counter(item) ".";使用計數器將每一個
  • 元素的序號添加到前綴中。
  • padding-right: 5px;添加間距以隔開序號和文本。
  • li span將每行中的文本用元素包裹，使其形成表格單元格。

  通過使用以上CSS樣式，我們可以將無序列表呈現為一個表格。你只需要在HTML中添加一個無序列表和列表項，樣式可以自動將其變為一個美觀的表格。