在 HTML 中，表格是布局和顯示數據的重要方法，但是傳統的表格中使用固定的列寬和行高，這限制了表格內容的呈現效果。CSS 的出現解決了這個問題，可以通過 CSS 控制表格的布局樣式。

/* 基本的表格布局 */
table{
border-collapse: collapse; /* 合并邊框 */
width: 100%; /* 寬度自適應 */
}
th, td{
border: 1px solid #ccc; /* 表格邊框 */
padding: 10px; /* 單元格內邊距 */
}
/* 斑馬線表格 */
tr:nth-child(2n){
background-color: #f2f2f2;
}
/* 表頭樣式 */
th{
background-color: #70c8f3;
color: #fff;
font-weight: bold;
}

CSS 中的表格布局樣式可以通過修改表格屬性和單元格樣式來實現，以下是一些常用的表格布局樣式：

• 合并邊框：通過設置border-collapse: collapse;實現邊框合并，使表格更美觀。
• 表格自適應寬度：通過設置width: 100%;實現表格的寬度自適應，適應不同屏幕尺寸。
• 單元格內邊距：通過設置padding: 10px;控制單元格內邊距，使單元格內的文本與邊框之間留出一定間隔。
• 斑馬線表格：通過設置tr:nth-child(2n){background-color: #f2f2f2;}實現表格隔行變色，更加美觀。
• 表頭樣式：通過設置th{background-color: #70c8f3; color: #fff; font-weight:bold;}實現表頭的特殊樣式，使其更加醒目。

以上樣式不僅可以單獨使用，也可以組合使用，可根據需求進行靈活的調整和定制。