CSS3中的表格 在前端開發中，表格是一種經常使用的元素，而CSS3對表格也進行了諸多改進和優化，為開發者提供了更多靈活性和創造力。 1.表格樣式 使用CSS3可以輕松地調整表格的樣式，例如改變表格邊框的顏色、粗細、樣式等等。代碼如下：

table {
border-collapse: collapse; /* 合并表格邊框 */
}
td, th {
border: 1px solid #ccc; /* 設置表格邊框 */
}

此外，還可以對表格的行、列、單元格等進行樣式調整。例如，可以給表格每一行交替設置不同的背景色：

tr:nth-child(odd) {
background-color: #eee; /* 設置奇數行背景色 */
}
tr:nth-child(even) {
background-color: #fff; /* 設置偶數行背景色 */
}

2.表格布局 CSS3中也提供了更多表格布局的方式。例如，可以使用CSS3的Flexbox布局來實現表格的響應式布局，即在不同屏幕尺寸下自適應地調整表格的行數和列數。代碼如下：

.table {
display: flex;
flex-wrap: wrap;
}
.table-cell {
flex-basis: 25%; /* 設置每個單元格占據25%寬度 */
}

3.表格動畫效果 除了基本的樣式和布局調整，CSS3還提供了一些表格動畫效果。其中，最常見的是表格隔行變色的動畫效果。代碼如下：

tr {
transition: background-color .5s ease;
}
tr:hover {
background-color: #f5f5f5; /* 鼠標懸停時，背景色變淺 */
}

總的來說，CSS3中的表格使用起來非常靈活，可以滿足不同需求場景下的表格需求。無論是樣式、布局還是動畫效果，都可以通過CSS3來實現。