CSS設置表格樣式

在網頁制作過程中，表格是一個必不可少的元素。通過CSS設置表格樣式，可以使表格更具美觀性和可讀性。

一、改變表格的邊框樣式：

table{ border-collapse:collapse; }
td, th{ border:1px solid #ccc; }

上述代碼可以將表格的邊框消除，用#ccc顏色設置單元格的邊框。

二、添加表格的背景顏色：

table{ background-color:#f9f9f9; }

可以通過添加表格背景顏色使表格的展示更加美觀。

三、調整表格內容的對齊方式：

table{ text-align:center; }
td, th{ text-align:left; }

上述代碼可以將表格內的所有單元格內容居中顯示，且單元格內的文字向左對齊。

四、調整表格的文字字體及大小：

table{ font-family:Arial, sans-serif; font-size:14px; }

上述代碼可以將表格內的字體設為Arial字體，字體大小為14像素。

五、設置表格寬度和單元格寬度：

table{ width:100%; }
td, th{ width:auto; }

上述代碼將表格的寬度設置為100%，單元格的寬度自動調整至內容寬度。

六、調整表格樣式：

table{ border-spacing:0; }
td, th{ padding:8px; }

上述代碼可以將表格內的單元格之間的空白間距消除，并添加8像素的內邊距。

以上就是設置表格樣式的幾種方法，按需選擇適合自己的方法，打造更美觀的表格吧！