HTML テーブルの各行に下枠を追加するにはどうすればよいですか?

表の行の下部に枠線を追加

表の各行の下部に黒い実線の枠線を追加しようとすると問題が発生します(

)。インライン スタイルや CSS の採用は、最初は効果がないことが判明しました。

これを修正するには、border-collapse: Collapse; を組み込んでください。 CSS のテーブル ルール内:

table {
    border-collapse: collapse;
}

この変更は基本的に隣接する境界線をマージし、個々の行に適用された境界線が確実に表示されるようにします。

コード例:

A1	B1	C1
A2	B2	C2
A2	B2	C2

table {
  border-collapse: collapse;
}

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

この CSS を適用すると、テーブル内の行間の境界線が期待どおりに表示されます。

以上がHTML テーブルの各行に下枠を追加するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。