表格

最近学会了表格的操作方法，写到这里总结一下
先做出html：

    <table rules='all'>
    <caption>
        信息表格
    </caption>
    
    <tbody>
        <tr>
            <td>姓名</td>
            <td width='50px';></td>
            <td>性别</td>
            <td width='50px';></td>
            <td width='100px';>籍贯</td>
            <td width='50px';></td>
            <td colspan="2">已婚/未婚</td>
            <td rowspan="4" width='100px';>照片</td>
        </tr>
        <tr>
            <td>出生日期</td>
            <td></td>
            <td>年龄</td>
            <td></td>
            <td>身高</td>
            <td></td>
            <td>体重</td>
            <td width='50px';></td>
            <!-- <td></td> -->
        </tr>
        <tr>
            <td>应征职务</td>
            <td colspan="3"></td>
            <td>薪资待遇</td>
            <td colspan="3"></td>
        </tr>
        <tr>
            <td>户籍地址</td>
            <td colspan="3"></td>
            <td>电话号码</td>
            <td colspan="3"></td>
        </tr>
        <tr>
            <td>身份证号</td>
            <td colspan="8"></td>
        </tr>
        <tr>
            <td>最高学历</td>
            <td></td>
            <td colspan="3">毕（肄）业年份</td>
            <td>年</td>
            <td>地点</td>
            <td colspan="2"></td>
        </tr>
        <tr>
            <td>工作经历</td>
            <td colspan="2">职称</td>
            <td colspan="4">起止时间</td>
            <td colspan="2">薪资待遇</td>
        </tr>
    </tbody>
</table>

设上样式：

table{
    width: 600px;
    height: 300px;
    border: solid 2px red;
}
td{
    text-align: center;
}

效果图：

1560352312(1).png