tr:代表一行
td:代表一列
rowspan=“3” 合并三行
colspan=“2” 合并两列
vue 代码
<table id="mytable" cellspacing="0">
<tr>
<td width="100" class="alt" rowspan="3">信息</td>
<td class="alt">招聘职位:</td>
<td>前端工程师</td>
<td class="alt">学历:</td>
<td>本科全日制</td>
</tr>
<tr>
<td class="alt">性别要求:</td>
<td>女</td>
<td class="alt">待遇:</td>
<td>9~12K</td>
</tr>
<tr>
<td class="alt">联系人:</td>
<td>王小姐</td>
<td class="alt">联系电话:</td>
<td>19974729203</td>
</tr>
<tr>
<td class="alt">信息有效期:</td>
<td colspan="2">2021/1/28</td>
<td class="alt">发布日期:</td>
<td>2021/1/28</td>
</tr>
<tr>
<td class="alt">
其他要求:
</td>
<td colspan="4">工作经验1-2年,有过独立开发项目经验受到了咖啡机垃圾分类打算减肥法律的撒个娇刚开始打反抗类毒素卡疯狂的看过反抗拉萨疯狂的复刻复刻大举反攻仅供大家安排个快递帕克发票丢失分开打几个铃铛垃圾国家大事更加庞大赶快国家的辣椒粉大反派的</td>
</tr>
</table>
css代码
#mytable {
width: 100%;
padding: 0;
margin: 0;
border-collapse: collapse;
}
td {
text-align: left;
line-height: 100%;
border: 1px solid #4177ec;
background: #fff;
font-size: 11px;
padding: 6px 6px 6px 12px;
color: #000000;
}
td.alt {
background: #caf7e4;
color: #1146d8;
}