html - 行の表の境界線の下

Question

テーブル行にボーダーボトムを配置しようとしましたが、表示されません。何故ですか？

私のコードは、クラスを tr 要素に配置するだけの非常に単純なものだと思います。

<tr class="line">

table tr.line {border-bottom: 1px solid #B4B5B0;}

score 3 · Accepted Answer

3

これを試すことができます：

tr.line td{ 
border-bottom: 1px solid #B4B5B0; 
}

于 2012-08-30T14:57:38.373 に答える

score 1 · Accepted Answer

テーブル要素に「border-collapse: collapse」スタイルを追加すると、行の境界線が表示されます

score 1 · Accepted Answer

tr 要素にボーダーを配置することはできません。それらをtdに配置する必要があります

スタイルを次のように変更します。

tr.line td{ border-bottom: 1px solid #B4B5B0;}

score 0 · Accepted Answer

ページに単一のテーブルがある場合は、試してみてください。

td{
  border-bottom: solid 1px #B4B5B0;
}

または、複数のテーブルがある場合は、次のようにクラスを使用します。

.your_table_class td{
  border-bottom: solid 1px #B4B5B0;
}

score 0 · Accepted Answer

表のセルで実行すると、すべてのブラウザーで機能します。

table tr.line td {border-bottom: 1px solid #B4B5B0;}

5 に答える 5