最近学会了表格的操作方法,写到这里总结一下
先做出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;
}
效果图: