最近學(xué)會(huì)了表格的操作方法,寫(xiě)到這里總結(jié)一下
先做出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>應(yīng)征職務(wù)</td>
<td colspan="3"></td>
<td>薪資待遇</td>
<td colspan="3"></td>
</tr>
<tr>
<td>戶(hù)籍地址</td>
<td colspan="3"></td>
<td>電話號(hào)碼</td>
<td colspan="3"></td>
</tr>
<tr>
<td>身份證號(hào)</td>
<td colspan="8"></td>
</tr>
<tr>
<td>最高學(xué)歷</td>
<td></td>
<td colspan="3">畢(肄)業(yè)年份</td>
<td>年</td>
<td>地點(diǎn)</td>
<td colspan="2"></td>
</tr>
<tr>
<td>工作經(jīng)歷</td>
<td colspan="2">職稱(chēng)</td>
<td colspan="4">起止時(shí)間</td>
<td colspan="2">薪資待遇</td>
</tr>
</tbody>
</table>
設(shè)上樣式:
table{
width: 600px;
height: 300px;
border: solid 2px red;
}
td{
text-align: center;
}
效果圖:

1560352312(1).png