CSS可以非常方便地設置和控制表格樣式。下面我們來看看如何使用CSS設置表格樣式。

table {
border-collapse: collapse; /*合并邊框*/
width: 100%; /*寬度100%*/
}
th, td {
padding: 8px; /*單元格內邊距*/
text-align: left; /*文本左對齊*/
border-bottom: 1px solid #ddd; /*單元格底部邊框*/
}
th {
background-color: #f2f2f2; /*表頭背景色*/
color: #000; /*表頭文字顏色*/
}

通過上面的CSS樣式代碼，可以設置表格的以下樣式：

• 合并表格邊框
• 設置表格寬度為100%
• 設置單元格內邊距為8px
• 設置單元格文本為左對齊
• 為單元格底部添加1px的灰色實線邊框
• 設置表頭背景為淺灰色
• 設置表頭文字顏色為黑色

如果需要修改表格的樣式，只需要修改CSS代碼即可。例如，修改表頭背景顏色為紅色，可以這樣寫：

th {
background-color: red;
}

CSS可以實現很多表格樣式效果，也可以根據不同需求自由擴展。