多个表格去除重边框
css代码:
<table style="border-bottom:none;"></table> 去除下边框
<table style="border-top:none;"></table> 去除上边框
代码示例:
<html>
<head>
<title>求职表格</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
</head>
<body>
<table border="1px" cellspacing="0px" style="border-bottom:none;">
<tr height="50px">
<td width="500px" colspan="5">基本情况</td>
</tr>
<tr height="50px">
<td width="100px"></td>
<td width="100px"></td>
<td width="100px"></td>
<td width="100px"></td>
<td width="100px" rowspan="7"></td>
</tr>
<tr height="50px">
<td>民族</td>
<td></td>
<td>出生年月</td>
<td></td>
</tr>
<tr height="50px">
<td>政治面貌</td>
<td></td>
<td>健康情况</td>
<td></td>
</tr>
<tr height="50px">
<td>籍贯</td>
<td></td>
<td>学历</td>
<td></td>
</tr>
<tr height="50px">
<td>电子邮箱</td>
<td></td>
<td>联系电话</td>
<td></td>
</tr>
<tr height="50px">
<td>专业</td>
<td ></td>
<td></td>
<td></td>
</tr>
<tr height="50px">
<td colspan="4">毕业院校</td>
</tr>
<tr height="50px">
<td colspan="5">求职意见</td>
</tr>
</table>
<table border="1px" cellspacing="0px" style="border-top:none;">
<tr height="50px">
<td colspan="4">教育情况</td>
</tr>
<tr height="50px">
<td width="126px">时间</td>
<td width="126px">院校名称</td>
<td width="126px">专业</td>
<td width="126px">学历</td>
</tr>
<tr height="50px">
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr height="50px">
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr height="50px">
<td colspan="4">培训经历</td>
</tr>
<tr height="50px">
<td>时间</td>
<td>培训机构</td>
<td>课程</td>
<td>证书</td>
</tr>
<tr height="50px">
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr height="50px">
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr height="50px">
<td colspan="4">技能特长</td>
</tr>
<tr height="50px">
<td colspan=4 rowspan="2"></td>
</tr>
<tr height="50px">
</tr>
</table>
</div>
</body>
</html>