在頁面布局的過程中，我們經常需要將表格的上下相鄰的單元格合并成一個單元格。這一過程通常使用CSS來實現。

/* 合并兩個相鄰的單元格 */
td {
border: 1px solid black;
}
td[colspan="2"] {
border: 0;
}

上述代碼中，我們給所有單元格添加了一個黑色的邊框。然后，使用了colspan="2"將兩個相鄰的單元格合并成一個單元格。最后，為了去除這個單元格中間的邊框，我們設置了border: 0;。

/* 合并兩行相同列的單元格 */
td {
border: 1px solid black;
}
td[rowspan="2"] {
border: 0;
}

如果需要將兩行相同列的單元格合并成一個單元格，同樣需要使用CSS來實現。上述代碼中，我們同樣給所有單元格添加了一個黑色的邊框。然后，使用了rowspan="2"將這兩個單元格合并成一個單元格。最后，為了去除這個單元格下面的邊框，我們設置了border: 0;。

CSS合并單元格的方法簡單明了，使用之后可以節省很多布局時間。我們只需在樣式中添加一個行或列合并的代碼，即可輕松實現合并單元格的效果。