<table id="infoTable" align="center" >
<caption>user information</caption>
<tr >
<th style="border: 1px solid red;border-collapse: collapse">id</th>
<th style="border: 1px solid red;border-collapse: collapse">name</th>
<th style="border: 1px solid red;border-collapse: collapse">gender</th>
<th style="border: 1px solid red;border-collapse: collapse">delete</th>
</tr>
</table>
问题背景:合并th元素的边框
问题原因:th设置collapse属性不生效
解决方案:table元素中设置collapse:
<table id="infoTable" align="center" style="border-collapse: collapse">
<caption>user information</caption>
<tr >
<th style="border: 1px solid red">id</th>
<th style="border: 1px solid red">name</th>
<th style="border: 1px solid red">gender</th>
<th style="border: 1px solid red">delete</th>
</tr>
</table>