CSS基本スタイルの総合設計：テーブル作成の詳細入門

この記事は主にCSSの基本スタイルの包括的なデザインの詳細な分析を提供します。テーブルの作成と関連情報の詳細な紹介があり、興味のある友人はそれを参照できます

<table id="tb">
    <tr>
        <th>姓名</th>
        <th>年龄</th>
        <th>性别</th>
    </tr>
    <tr>
        <td>小王</td>
        <td>20</td>
        <td>男</td>
    </tr>
    <tr class="alt">
        <td>小王</td>
        <td>20</td>
        <td>男</td>
    </tr>
    <tr>
        <td>小王</td>
        <td>20</td>
        <td>男</td>
    </tr>
    <tr class="alt">
        <td>小王</td>
        <td>20</td>
        <td>男</td>
    </tr>
</table>
 
 
 
 
 
#tb{
    border-collapse: collapse;
    width: 500px;
}
#tb td,#tb th{
    border: 1px solid bisque;
    padding: 5px;
}
#tb th{
    text-align: left;
    background-color: aqua;
    color: #ffffff;
}
#tb tr.alt td{
    color: black;
    background-color: aquamarine;
}

。

以上がCSS基本スタイルの総合設計：テーブル作成の詳細入門の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。