在網頁中我們通常會使用表格來展示一些數據，例如成績表、財務報表等，但是預設表格的樣式並不美觀，甚至不符合頁面的風格。 CSS 中提供了一些屬性，透過這些屬性您可以修改表格的樣式，大大改善表格的外觀。
1. HTML表格邊框
在HTML教學部分，我們曾經使用border屬性設定表格，程式碼如下：
<tableborder=1><thead><th>姓名</th><th>性別</th></thead><tbody><tr><td>張三</td><td>男</td ></tr><tr><td>李四</td><td>女</td></tr></tbody></table>
運行結果：
其實這種方式，是不建議使用的。因為網頁設計遵循的原則，還是HTML表示內容，而CSS進行樣式描述。
對表格來說，表格的內容就是行列裡的文字，而邊框則屬於表格外觀的美化，屬於樣式部分，所以比較適合用CSS描述。
2. CSS設定表格邊框
可以利用CSS的border為表格設定邊框，程式碼如下：
<!DOCTYPEhtml><html><head><style>table{float:left;}.table_one{border-collapse:separate;}.table_two{margin-left:20px;border-co llapse:collapse;}</style></head><body><tableclass=table_oneborder=1><tr><th>編號</th><th>姓名</th><th>年齡</th> </tr><tr><td>1</td><t d>張三</td><td>15</td></tr><tr><td>2</td><td>李四</td><td>11</td></ tr></table><tableclass=table_twoborder=1px><tr><th>編號</th><th>姓名</th><th>年齡</th></tr><tr><td>1</td><td>張三</td><td>15</td></tr>< tr><td>2</td><td>李四</td><td>11</td></tr></table></body></html>運行結果如下：
（1）table-layout：設定表格的佈局演算法，佈局演算法有兩種，分別為固定表格佈局演算法和自動表格佈局演算法；
（2）border-collapse：設定表格中儲存格的邊框是合併在一起還是依照標準的HTML 樣式分開；
（3）border-spacing：設定當表格邊框分開時，相鄰兩個邊框在橫向和縱向上的間距；
（4）caption-side：設定表格標題相對於表格的位置；
（5）empty-cells：設定當表格的儲存格中沒有內容時，是否顯示該儲存格的邊框。