CSS是前端開發中常用的一種樣式語言，可以讓網頁的排版變得更加美觀和靈動。在表格的制作中，經常需要將表格居中顯示，這篇文章將介紹如何使用CSS樣式來實現表格居中效果。

table {
width: 80%; /* 設置表格寬度 */
margin: 0 auto; /* 設置表格居中 */
}

以上代碼是實現表格居中的關鍵，首先設置表格的寬度，讓表格在頁面中占據適當的位置，然后使用margin屬性來實現表格的居中。

表格在居中的基礎上，還可以通過CSS樣式來設置表格的邊框、背景顏色、字體樣式等屬性，讓表格的展示效果更加美觀。

table {
width: 80%; /* 設置表格寬度 */
margin: 0 auto; /* 設置表格居中 */
border-collapse: collapse; /* 合并邊框 */
background-color: #f2f2f2; /* 設置背景顏色 */
font-family: Arial, sans-serif; /* 設置字體樣式 */
}
td, th {
border: 1px solid #ddd; /* 設置單元格邊框 */
padding: 8px; /* 設置單元格內邊距 */
}

以上代碼設置了表格的邊框、背景顏色、字體樣式等屬性，將同一邊框合并在一起，設置單元格的邊框和內邊距，讓表格顯示效果更加美觀。

使用CSS樣式讓表格居中只需要簡單的代碼，就能實現令人滿意的效果，方便了前端開發的工作。