表の行に border-bottom を追加する質問する

2024-07-06 • tag-icon

3 x 3 の表があります。各行の下部に境界線を追加しtr、特定の色を付ける方法が必要です。

まず、直接的な方法を試しました。つまり、

<tr style="border-bottom:1pt solid black;">

しかし、それは機能しませんでした。そこで、次のような CSS を追加しました。

tr {
border-bottom: 1pt solid black;
}

それでもまだうまくいきませんでした。

CSS を使用すると、すべての行に属性を追加する必要がなくなるため、CSS を使用することをお勧めします。には属性styleを追加していません。それが CSS に影響しないことを願っています。border<table>

ベストアンサー1

追加border-collapse:collapseテーブルルール:

table { 
    border-collapse: collapse; 
}

例

table {
  border-collapse: collapse;
}

tr {
  border-bottom: 1pt solid black;
}

<table>
  <tr><td>A1</td><td>B1</td><td>C1</td></tr>
  <tr><td>A2</td><td>B2</td><td>C2</td></tr>
  <tr><td>A2</td><td>B2</td><td>C2</td></tr>
</table>

リンク

ベストアンサー1

例

おすすめ記事