TD CSS（Table Definition Cascading Style Sheets）是一種用于表格布局設計的樣式表語言。其中一項常用的功能是實現Table表格的自然逐級向上擴展（Nested tables）并且支持控制表格格式和內容的美化。

/* 使用td css控制表格樣式 */
table {
border-collapse: collapse;
}
td, th {
border: 1px solid #ddd;
padding: 8px;
text-align: left;
}
/* 固定表格頭部，讓表格內容可滾動 */
table {
width: 100%;
overflow-y: scroll;
}
thead, tbody {
display: block;
}
tbody {
height: 350px;
}
thead {
/* 給表頭項增加背景色 */
background-color: #f5f5f5;
}
/* 在表責上顯示“排序”圖標 */
th:before {
content: "";
float: left;
width: 0;
height: 0;
margin-top: 10px;
margin-right: 5px;
border-top: 6px solid #ccc;
border-right: 6px solid transparent;
border-left: 6px solid transparent;
}
th.sort-asc:before {
/* 如果此列升序排列，則在訂單右側顯示向上箭頭 */
border-top-color: black;
}
th.sort-desc:before {
/* 如果此列降序排列，則在訂單右側顯示向下的箭頭 */
border-top-color: black;
transform: rotate(180deg);
}

上面的代碼演示了如何使用TD CSS中的樣式來控制表格的樣式和結構，其中我們使用了border-collapse屬性對表格邊框進行整合，同時對td和th進行了邊框、填充和對齊等樣式設置。我們還使用了overflow-y屬性和固定的高度來實現一個可滾動的Table表格。

另外，我們還為表頭項添加了背景色，并在每個表頭項上顯示了排序的圖標。該圖標將根據排序方向更改其方向，以使用戶能夠了解表格此時的排序狀態。