表の行の上下に境界線を付けたいと思っていました。以下のコードは IE では機能しますが、Firefox や Safari では機能しません! 助けてください!
HTML
<tr class='TableRow'>
CSS
.TableRow{
border-bottom: 2px solid rgb(167,167,167);
border-top: 2px solid rgb(167,167,167);
}
表の行の上下に境界線を付けたいと思っていました。以下のコードは IE では機能しますが、Firefox や Safari では機能しません! 助けてください!
HTML
<tr class='TableRow'>
CSS
.TableRow{
border-bottom: 2px solid rgb(167,167,167);
border-top: 2px solid rgb(167,167,167);
}
私の知る限り、CSS を使用して表の行に境界線を設定することはできません。ただし、これに対する回避策をお勧めします。境界線を行内のセルに設定してから、cellspacing="0" を使用します。CSSは次のとおりです。
.TableRow td{
border-bottom: 2px solid rgb(167,167,167);
border-top: 2px solid rgb(167,167,167);
}
サンプル HTML は次のようになります。
<table cellspacing="0">
<tr class="TableRow">
<td>A</td>
<td>B</td>
</tr>
<tr>
<td>C</td>
<td>D</td>
</tr>
</table>
最初の行は境界線のある行になります。
それが役立つことを願っています。
編集: 私はあなたのコードを試してみましたが、IE を含むどのブラウザーでも境界線を表示しませんでした。
これで問題は解決しましたか?
tr.TableRow td {
border-bottom: 2px solid rgb(167,167,167);
border-top: 2px solid rgb(167,167,167);
}
class を持つ行内のすべてのテーブル データに境界線を追加しますTableRow
。tr.
このクラスをテーブル行でのみ使用すると想定しているため、最初に を追加することをお勧めします。
これを複数の行に適用する場合はborder-collapse:collapse;
、境界線を単一の境界線に折りたたむものを追加することもできます。