✨ 表格功能样式

元素控制：

<!--

边框显示        border="1"
边框粗细        cellspacing="5"

表格宽度        width: 100%;
文字对齐        text-align: center;

-->

表格样式：

<table border="1" cellspacing="5" style="width: 100%; text-align: center;">

    <tr>
        <th>th是表格的表头</th>
        <th>td是表格的内容</th>
        <th>tr是表格的列数</th>
    </tr>

    <tr>
        <td style="width:50%">单独设置 占比50%</td>
        <td style="width:30%">单独设置 占比30%</td>
        <td>自动占比20%</td>
    </tr>

    <tr>
        <td colspan="2">横跨2列</td>
        <td>表格数据</td>
    </tr>

    <tr>
        <td rowspan="2">竖跨2行</td>
        <td>表格数据</td>
        <td>表格数据</td>
    </tr>

    <tr>
        <td>表格数据</td>
        <td>表格数据</td>
    </tr>

</table>

新建html文件复制粘贴预览效果