1. ホーム
  2. html

[解決済み] テーブル行<tr>にボーダー底辺を追加する

2022-03-21 22:07:17

質問

3行×3列の表があるのですが、各行の下にボーダーをつける方法が必要です。 tr で、特定の色をつけてください。

まず、直接的な方法を試してみました。

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

しかし、それではうまくいかなかった。そこで、このようにCSSを追加しました。

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

それでもダメだったんだ。

CSSを使う方がいいと思います。 style 属性をすべての行に追加します。 私は border 属性に <table> . それが私のCSSに影響を及ぼしていないことを祈ります。

解決方法は?

以前、このような問題がありました。私は tr はボーダーのスタイリングを直接取ることができます。私の回避策は td を行の中に入れています。

<tr class="border_bottom">

CSSです。

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