表格是網頁設計中常用的元素，而合適的表格樣式可以使網站信息呈現更加美觀易讀。本文將介紹幾種比較好的表格css樣式。

/* 簡潔的黑白表格樣式 */
table {
border-collapse: collapse;
width: 100%;
}
th, td {
border: 1px solid #ccc;
padding: 8px;
text-align: left;
}
th {
background-color: #f2f2f2;
font-weight: bold;
}
/* 帶有交替行底色的表格樣式 */
table {
border-collapse: collapse;
width: 100%;
}
th, td {
border: 1px solid #ddd;
padding: 8px;
text-align: left;
}
th {
background-color: #f2f2f2;
font-weight: bold;
}
tr:nth-child(even) {
background-color: #f2f2f2;
}
/* 帶有鼠標懸停樣式的表格樣式 */
table {
border-collapse: collapse;
width: 100%;
}
th, td {
border: 1px solid #ddd;
padding: 8px;
text-align: left;
}
th {
background-color: #f2f2f2;
font-weight: bold;
}
tr:hover {
background-color: #f5f5f5;
}
/* 帶有卡片樣式的表格樣式 */
table {
border-collapse: collapse;
width: 100%;
}
th, td {
border: none;
padding: 8px;
text-align: left;
}
th {
background-color: #f2f2f2;
font-weight: bold;
}
tr:nth-child(even) {
background-color: #f2f2f2;
}
tr:hover {
background-color: #f5f5f5;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

以上幾種表格css樣式均可以根據網站要求進行自由組合，使表格美觀易讀。您可以根據具體需求進行樣式的調整。