CSS中有一個非常實用的屬性，叫做display，可以用來控制HTML元素的顯示方式。其中，display為表格（display:table）可以讓一個塊級元素顯示為一個表格。這個屬性可以讓我們在不使用HTML表格的情況下，輕松地模擬表格布局。

/*將div元素顯示為表格*/
div{
display: table;
}
/*將子元素顯示為表格行*/
div >* {
display: table-row;
}
/*將子元素內的元素顯示為表格單元格*/
div >* >*{
display: table-cell;
}

通過將元素的display屬性設置為table、table-row和table-cell，我們可以將任何塊級元素變成一個表格布局。下面是一個使用CSS表格布局的例子。

姓名
年齡
性別
張三
18
男
李四
20
女

.table-wrapper{
display: table;
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}
.table-row{
display: table-row;
height: 50px;
border-bottom: 1px solid #ccc;
}
.table-cell{
display: table-cell;
text-align: center;
vertical-align: middle;
padding: 10px;
}

在這個例子中，我們使用了display為表格的div元素來容納整個表格，使用display為表格行的div元素來表示每行數據，使用display為表格單元格的div元素來表示每個單元數據。通過設置每個元素對應的CSS屬性，我們可以實現自定義邊框、單元格高度、單元格內填充等效果。

總的來說，CSS表格布局可以為我們靈活地設計頁面提供更多的可能性。不過，在使用的過程中，我們還需要注意到一些瀏覽器兼容性問題和語義化問題。