在網頁開發中，我們常常需要將兩個表格合并成一個。這時候，我們可以使用CSS來實現。下面就來看看怎樣合并兩個表格的CSS代碼。

/* 首先，我們需要將兩個表格的所有CSS屬性重置 */
table {
border-collapse: collapse;
width: 100%;
}
td, th {
border: 1px solid #ddd;
padding: 8px;
text-align: left;
}
/* 然后，我們需要給第二個表格添加一個class */
.table2 {
margin-top: 20px;
}
/* 接下來，我們需要使用CSS選擇器將兩個表格合并 */
table:first-of-type th:last-of-type, 
table:first-of-type td:last-of-type {
display: none;
}
table:first-of-type {
margin-bottom: 20px;
}
table:first-of-type + .table2 td:first-of-type {
display: none;
}
/* 最后，我們需要添加一些樣式來美化表格 */
table th {
background-color: #f2f2f2;
font-weight: bold;
}
table tr:nth-child(even) {
background-color: #f2f2f2;
}

上面的CSS代碼首先將兩個表格的所有CSS屬性重置，然后給第二個表格添加了一個class，并使用CSS選擇器將兩個表格合并。最后，添加了一些樣式來美化表格。

通過以上的CSS代碼，我們就可以將兩個表格合并成一個，使網頁更加整潔美觀。