CSS表格可以幫助我們在網頁中展示復雜的數據，但是有時候一行無法展示完所有的信息，這時候跨行就變得尤為重要。下面是如何使用CSS表格跨兩行的示例。

<table>
<tr>
<th rowspan="2">姓名</th>
<th colspan="3">語文</th>
<th colspan="3">數學</th>
<th rowspan="2">總分</th>
</tr>
<tr>
<th>考試成績</th>
<th>平時成績</th>
<th>總成績</th>
<th>考試成績</th>
<th>平時成績</th>
<th>總成績</th>
</tr>
<tr>
<td rowspan="2">張三</td>
<td>85</td>
<td>90</td>
<td>175</td>
<td>80</td>
<td>85</td>
<td>165</td>
<td>340</td>
</tr>
<tr>
<td>90</td>
<td>85</td>
<td>175</td>
<td>85</td>
<td>90</td>
<td>175</td>
</tr>
</table>

上面的代碼展示了一個成績表格，其中姓名和總分跨了兩行。使用rowspan="2"可以讓一個單元格跨兩行，這樣就可以在一個單元格中顯示姓名和總分了。

有些情況下，可能需要通過CSS來改變表格跨行的樣式，可以使用CSS的vertical-align屬性來實現。將vertical-align屬性設置為"middle"可以讓單元格的內容居中對齊。代碼如下：

td {
vertical-align: middle;
}

這樣就可以讓所有的單元格內容垂直居中了。需要注意的是，在使用CSS樣式對表格進行修改時，要保證HTML代碼中的表格結構不變，否則樣式就不會生效。