CSSの基本スタイルテーブルの詳細な紹介

この記事では主に CSS の基本的なスタイル テーブルについて詳しく説明します。興味のある方は参考にしてください。

a.Css テーブル属性はテーブルの外観を大幅に改善するのに役立ちます。 border

<table>
    <tr>
        <th>姓名</th>
        <th>年龄</th>
        <th>性别</th>
    </tr>
    <tr>
        <td>小王</td>
        <td>20</td>
        <td>男</td>
    </tr>
    <tr>
        <td>小王</td>
        <td>20</td>
        <td>男</td>
    </tr>
    <tr>
        <td>小王</td>
        <td>20</td>
        <td>男</td>
    </tr>
</table>

これにより、枠線効果のないテーブルを生成できます

このとき、テーブルに枠線を追加することもできます

<table border = "1">

ただし、この書き方はすべてのテーブルに適用できるわけではありません

ので、CSSを使用することを選択できますより良い方法としてスタイルを設定します

<table id="tb">
#tb{
    border: 1px solid blue;
}

テーブルの最外層の青い外枠が表示されます

テーブルの内側を設定できます:

#tb,tr,th,td{
    border: 1px solid blue;
}

ここではグループセレクターが使用されています。つまり、ID セレクターと 3 つの要素セレクターがカンマで区切られて結合されています

c. 上の表では、折り曲げ枠

が二重枠として示されています

これは明らかに不合理です

二重枠を組み合わせることができますd. 表の幅と高さ

rreee

f. 表の内側の余白

g.

以上がCSSの基本スタイルテーブルの詳細な紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。