BinaryDevelop
  1. ホーム
  2. html

[解決済み] HTML のテーブル行 <tr> にボーダーを付ける

2022-09-19 07:31:53

質問

テーブルの行をボーダーで囲むことは可能ですか？ <tr> のように、個々のセルにボーダーを付けるのではなく、一度にボーダーを付けることは可能でしょうか？ <td> のようにします。 

<table cellpadding="0" cellspacing="0" width="100%" style="border: 1px;" rules="none">
    <tbody>
        <tr>
            <th style="width: 96px;">Column 1</th>
            <th style="width: 96px;">Column 2</th>
            <th style="width: 96px;">Column 3</th>
        </tr>

        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>

        <tr>
            <td style="border-left: thin solid; border-top: thin solid; border-bottom: thin solid;">&nbsp;</td>
            <td style="border-top: thin solid; border-bottom: thin solid;">&nbsp;</td>
            <td style="border-top: thin solid; border-bottom: thin solid; border-right: thin solid;">&nbsp;</td>
        </tr>

        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
    </tbody>
</table>

これは、指定された <tr> の周囲にボーダーを与えますが、個々のセルの周囲にボーダーが必要です。

にボーダーを与えることはできますか？ <tr> を一度に指定することはできますか？

→ jsFiddle

どのように解決するのですか？

この場合 border のプロパティを設定することができます。 tr

border-collapse

関連

最新

おすすめ

について
/
プライバシー・ポリシー
/
お問い合わせ
© 2022 BinaryDevelop. すべての権利は、それぞれの所有者に帰属します