表に枠線を表示する方法

今回はTableに枠線を表示させる方法と、Tableに枠線を表示させるための注意点を紹介します。

よく使用されるテーブルの属性

基本的な属性は次のとおりです: width (幅)、height (高さ)、border (境界線の値)、cellspacing (テーブルの内側の幅、つまり、 table と tr の間の間隔)、cellpadding (テーブル内の要素間の間隔、つまり tr と tr の間の間隔)、bordercolorlight (テーブルの明るい境界線の色)、bordercolordark (テーブルの暗い境界線の色)表）、bgcolor（表の背景色）、background（表の背景画像）、bordercolor（表の枠線の色）

表の内部分割線のプロパティ

works は、3 つの値 (cols、rows、none) を持つ rules パラメーターです。

rules =cols の場合、テーブルは水平分割線を非表示にします。つまり、テーブルの列のみが表示されます。 ;

rules=rows の場合、垂直分割線は非表示になります。つまり、テーブルの行のみが表示されます。

rules=none の場合、垂直方向と水平方向の区切り線はすべて非表示になります。テーブルの外枠を参照してください。

テーブルの外側の境界線のプロパティ

テーブルの外枠の表示と非表示は、frame パラメーターを使用して制御できます。注: テーブルの外側の境界線にのみ機能し、内側のエッジや線には影響しません。

上の境界線のみが表示されます0d5cbe5ed2b061863ba5f5a5d33ff648

下の境界線のみが表示されますdc29f2b6f6552f75fd4c7375b53024b7

左枠のみ表示、右枠3ef3f8b917ab890887ec8a9a4c726679

上下枠のみ表示6088c04fe81d593faebfe203faa0e94a

左枠のみ表示9cdced51e6471238b2d50a5754e46a02

右枠のみ表示境界線が表示されるfcc7ec68f7e24b6c71390b9bd83c7095

<table summary="学生名单，包括学生编号、姓名、联系电话、和地址。">  
    <caption>学生名单</caption>  
    <thead>  
        <th scope="col">编号</th>  
        <th scope="col">姓名</th>  
        <th scope="col">联系电话</th>  
        <th scope="col">地址</th>  
    </thead>  
    <tfoot>  
        <td colspan="4">班主任：</td>  
    </tfoot>  
    <tbody>  
        <tr>  
            <td>1</td>  
            <td>Jamson</td>  
            <td>123-45678</td>  
            <td>XX市XX区XX号</td>  
        </tr>  
        <tr>  
            <td>2</td>  
            <td>Grace</td>  
            <td>123-45678</td>  
            <td>XX市XX区XX号</td>  
        </tr>  
        <tr>  
            <td>3</td>  
            <td>Dizzy</td>  
            <td>123-45678</td>  
            <td>XX市XX区XX号</td>  
        </tr>  
    </tbody>  
</table>

これらの事例を読んだ後は、この方法を習得したと思います。さらに興味深い内容については、他の関連記事に注目してください。 PHP中国語ウェブサイトで！

関連記事:

HTML テーブルはどのように配置する必要がありますか?

HTML 要素をマークする場合のクラスと ID の違いは何ですか?

以上が表に枠線を表示する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。