HTML - 表格中行之间的间距

Question

我有一个使用 rowspan 来合并 2 行的表。我希望两个非组合行之间的间距更近，同时保持整个行之间更大的间距。例如，我希望

row1 col1

和

row2 col1

的间距更近，同时

row2 col1

和

row3 col1

之间的间距更大。这将适用于每一行。

table {
    border-collapse: collapse;
}

td {
    border-bottom: 1px solid black;
}

.noborder {
	border:none;
}

<table>
	<tr>
		<td class="noborder">row1 col1</td>
		<td rowspan=2>merge col2</td>
	</tr>
	<tr>
		<td>row2 col1</td>
	</tr>
	<tr>
		<td class="noborder">row3 col1</td>
		<td rowspan=2>merge col2</td>
	</tr>
	<tr>
		<td>row4 col1</td>
	</tr>
	<tr>
		<td class="noborder">row6 col1</td>
		<td rowspan=2>merge col2</td>
	</tr>
	<tr>
		<td>row6 col1</td>
	</tr>
</table>

Answer 1

这是什么？但是，当您使用一列和下一行两行时，您的 td 无效。请改用 colspan (https://www.w3schools.com/TAGs/att_td_colspan.asp) 属性。

table {
        border-collapse:separate; 
        border-spacing:5px;
    }