HTML - 表中的行之间的间距

Question

我有一个表使用rowspan来组合2行。我希望两个非组合行之间的间距更近，同时保持整行之间的间距更大。例如，我希望row1 col1和row2 col1的间距更近，同时在row2 col1和row3 col1之间有较大的空间。这将适用于每个整体行。

table { 
 
    border-collapse: collapse; 
 
} 
 

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

 
.noborder { 
 
\t border:none; 
 
}

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

Answer 1

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

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