CSS中可以使用table來創(chuàng)建表格，我們可以設(shè)置表格的樣式，使用合并單元格的方式來展現(xiàn)更復(fù)雜的表格結(jié)構(gòu)。

/* 設(shè)置表格樣式 */
table {
border-collapse: collapse;
width: 100%;
}
td, th {
border: 1px solid #ddd;
padding: 8px;
}
th {
background-color: #f2f2f2;
}

下面我們來創(chuàng)建一個(gè)簡單的表格，并合并其中一些單元格。

Name
Contact
John
078898999
john@example.com
Smith
smith@example.com
Jane
088777777
jane@example.com

在上面的示例中，我們使用了colspan和rowspan來合并單元格。對于需要合并的單元格，我們可以設(shè)置它們的colspan或rowspan屬性。colspan屬性用于設(shè)置單元格需要橫向合并的單元格數(shù)，而rowspan屬性用于設(shè)置縱向合并的單元格數(shù)。

上面的示例表格中，我們使用了colspan="2"來將表頭的“Contact”單元格合并成了兩個(gè)單元格，同時(shí)使用了rowspan="2"來將“John”的電話單元格合并至下一行的“Smith”的單元格后面。