HTML - テーブル内の行間のスペース

Question

rowspanを使用して2行を結合するテーブルがあります。 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

これは何？しかし、1つの列と次の行2を使用すると、あなたのtdは無効になります。代わりにcolspan（https://www.w3schools.com/TAGs/att_td_colspan.asp）属性を使用してください。あなたは ` のように、各テーブルの行の後に を` 1つの空の行を追加することができます

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