css表格樣式最為常用，它可以有效地排版表格的內容，讓頁面更加美觀。現在就讓我們一起來看看可調css表格樣式大全吧！

/* 表格邊框 */
table {
border-collapse: collapse;
border: 1px solid #ccc;
}
/* 表頭樣式 */
th {
background-color: #eee;
font-weight: bold;
text-align: center;
}
/* 奇偶行樣式 */
tr:nth-child(odd) {
background-color: #f5f5f5;
}
tr:nth-child(even) {
background-color: #fff;
}
/* 鼠標移上去變色 */
tr:hover {
background-color: #c9efff;
}
/* 單元格內填充和邊距 */
td {
padding: 5px;
margin: 0;
}
/* 第一列單元格樣式 */
td:first-child {
font-weight: bold;
}
/* 最后一列單元格樣式 */
td:last-child {
text-align: right;
}
/* 按鈕樣式 */
.btn {
display: inline-block;
padding: 6px 10px;
border: none;
background-color: #007bff;
color: #fff;
text-align: center;
text-decoration: none;
font-size: 14px;
cursor: pointer;
border-radius: 4px;
}
/* 帶圖標的按鈕 */
.btn.icon {
padding-left: 32px;
background-repeat: no-repeat;
background-position: left center;
}
.btn.delete {
background-color: #dc3545;
}
.btn.edit {
background-color: #28a745;
}
.btn.add {
background-color: #007bff;
}

以上就是可調css表格樣式大全，希望對大家有所幫助。