CSS有很多強大的功能，其中表格設計是很重要的一項。一個好看的表格不僅給人視覺上的享受，也能提高整個網頁的美觀程度。下面是一個CSS表格模板的設計：

/*表格樣式*/
table {
border-collapse: collapse;
width: 100%;
font-family: Arial, sans-serif;
font-size: 14px;
margin-bottom: 20px;
}
/*表頭樣式*/
th {
border-bottom: 1px solid #ddd;
text-align: left;
padding: 10px;
background-color: #f4f4f4;
}
/*表格單元格樣式*/
td {
border-bottom: 1px solid #ddd;
text-align: left;
padding: 10px;
}
/*奇數行樣式*/
tr:nth-child(odd) {
background-color: #f4f4f4;
}
/*鼠標懸停樣式*/
tr:hover {
background-color: #e9e9e9;
}
/*表格寬度*/
table {
width: 100%;
}
/*表格響應式樣式*/
@media (max-width: 600px) {
table {
font-size: 12px;
}
th, td {
padding: 5px;
}
}

表格樣式設計還是比較容易的，主要是CSS的選擇器和屬性運用。利用偽類選擇器來選擇表格的一些特殊行，以及響應式設計都是很常用的技巧。希望這個表格模板可以幫助到你，設計出更好看的網頁吧!