HTMLテーブルの行間に線を表示する方法

1. border-collapseプロパティを使用する方法:

   <style>
   table {
   border-collapse: collapse;
   }
   td {
   border: 1px solid black;
   }
   </style>

   この方法では、border-collapseプロパティをテーブルに適用し、td要素にボーダーを設定します。border-collapseをcollapseに設定することで、セル間の余分なスペースが削除され、行間に線が表示されます。

2. border-spacingプロパティを使用する方法:

   <style>
   table {
   border-collapse: separate;
   border-spacing: 0;
   }
   td {
   border: 1px solid black;
   }
   </style>

   この方法では、border-collapseプロパティをseparateに設定し、border-spacingプロパティをゼロに設定します。border-spacingプロパティは、セル間の余白を設定します。border-collapseプロパティがseparateに設定されているため、セル間に余分なスペースが生じ、行間に線が表示されます。

これらの方法のいずれかを使用してテーブルの行間に線を表示することができます。必要に応じてボーダーのスタイルや色を調整してください。また、他のCSSスタイルを追加することもできます。