CSS是網頁開發中的一項重要技術，它不僅可以為網頁添加樣式，還可以實現一些高級的布局效果。在使用CSS時，我們經常會用到表格這種布局方式。本文將介紹如何使用CSS將HTML元素顯示為表格。

在CSS中，我們可以使用display屬性來指定HTML元素的顯示方式。有一個特殊的值，即table，可以將元素顯示為表格。下面是一個示例代碼：

div {
display: table;
}

以上代碼將div元素顯示為表格。通過設置display屬性的值為table，瀏覽器會自動將元素轉換為符合表格規范的結構。但是需要注意的是，這并不意味著元素真的是一個表格，只是外觀上看起來像表格而已。

接下來，我們可以通過進一步設置CSS屬性來控制表格的樣式和布局。例如，可以使用border屬性來設置表格的邊框樣式，使用background-color屬性來設置表格的背景顏色：

div {
display: table;
border-collapse: collapse;
border: 1px solid #ccc;
background-color: #f2f2f2;
}

以上代碼將元素顯示為擁有灰色實線邊框和淺灰色背景色的表格。其中，border-collapse屬性用于控制表格邊框的合并方式，取值為collapse時，相鄰單元格的邊框會合并成一個單一的邊框。

另外，我們還可以使用CSS的偽元素（pseudo-element）來控制表格的表頭和表格行的樣式。例如，可以使用:before偽元素來添加表頭，并對表頭進行樣式設置：

div:before {
content: "表頭";
font-weight: bold;
padding: 6px;
background-color: #e6e6e6;
}

以上代碼會在表格上方添加一個內容為“表頭”的前置元素，并對其進行加粗、背景色等樣式設置。這樣，我們就可以通過CSS將HTML元素簡單地顯示為表格了。