11-表格元素与表格布局详解

​ 11-表格元素与表格布局详解

table 表格的属性

td 列（行里边框单元格）

tr 行

th 标题 字体加粗居中

thead：表头区域

tbody：表身区域

caption元素，创造表格的名字

caption元素（创造表格的标题）

  <table border="1">
        <caption>标题栏</caption>
        <!-- th 表头 -->
        <thead>
        <th>
            <!-- <td></td> -->
            <td>序号</td>
            <td>姓名</td>
            <td>性别</td>
        </th>
    </thead>
    <!-- tbody 表身 -->
    <tbody>
        <tr>
            <!-- td 列 -->
            <td>尴尬121</td>
            <td>尴尬</td>
            <td>法规</td>
            
        </tr>
    </tbody>

        <tr>
            <td>vfvvf</td>
            <td>GV</td>
            <td>如果发</td>
            
        </tr>
        <!-- tfoot 表尾 -->
        <tfoot>
            <!-- tr 行 -->
        <tr>
            <td>过人</td>
            <td>过人</td>
            <td>FGERAGT</td>
        </tr>
    </tfoot>
    </table>

运行结果：

表格合并

colspan 横向合并

rowspan=“2” 纵向合并

border-collapse: collapse; 设置是否把表格边框合并为单一的边框。

border-spacing:表格线间的距离