CSS能夠實現許多有趣的操作，其中之一就是把table表格分離。這種技術可以讓你在不使用

/*在CSS中，把table表格分離可以使用以下代碼*/
.table {
display: table;
}
.thead {
display: table-header-group;
}
.tbody {
display: table-row-group;
}
.tr {
display: table-row;
}
.td {
display: table-cell;
}

以上代碼能夠使HTML元素以表格的形式呈現，卻不用初始化為表格。

<div class="table">
<div class="thead">
<div class="tr">
<div class="td">表頭1</div>
<div class="td">表頭2</div>
<div class="td">表頭3</div>
</div>
</div>
<div class="tbody">
<div class="tr">
<div class="td">行1列1</div>
<div class="td">行1列2</div>
<div class="td">行1列3</div>
</div>
<div class="tr">
<div class="td">行2列1</div>
<div class="td">行2列2</div>
<div class="td">行2列3</div>
</div>
</div>
</div>

以上的HTML代碼實現了一個表格。其中，div元素代表表格的各個部分（表頭、表體、行、單元格）。但是因為CSS的幫助，這個div表格看上去和真正的HTML表格非常相似，并且可以使用CSS自由定制樣式。

以上便是CSS把table表格分離的技術方法，使用該技術可以使表格看起來更簡潔，但依舊滿足使用者的需求。