CSS表格是網(wǎng)頁設(shè)計(jì)中非常重要的元素之一，使用CSS可以為表格添加各種效果和樣式，讓表格更加美觀和易讀。下面我們來介紹幾種CSS表格效果圖：

/* 1. 帶邊框的表格 */
table {
border-collapse: collapse;
}
td, th {
border: 1px solid #ccc;
padding: 10px;
}
/* 2. 隔行變色的表格 */
tr:nth-child(even) {
background-color: #f2f2f2;
}
/* 3. 懸停變色的表格 */
tr:hover {
background-color: #ddd;
}
/* 4. 單元格合并的表格 */
table {
border-collapse: collapse;
}
td, th {
border: 1px solid #ccc;
padding: 10px;
}
/* 合并第一行的兩個(gè)單元格 */
td:first-child {
width: 200px;
}
td:first-child + td {
width: 300px;
}
/* 合并第二行的兩個(gè)單元格 */
tr:nth-child(2) td:first-child {
height: 100px;
}
tr:nth-child(2) td:first-child + td {
height: 100px;
}
/* 5. 固定表頭的表格 */
table {
border-collapse: collapse;
}
thead {
position: sticky;
top: 0;
}
td, th {
border: 1px solid #ccc;
padding: 10px;
}

以上是幾種常見的CSS表格效果，可以根據(jù)自己的需求進(jìn)行選擇和修改，以此美化網(wǎng)頁表格。