这是我的代码:
<table border="0">
<tbody>
<tr style="border: none;">
<td colspan="12" align="center">2012</td>
<td colspan="12" align="center">2013</td>
</tr>
<tr>
<td align="center" style="width: 31px;border: none;">Ene</td>
<td align="center" style="width: 29px;border: none;">Feb</td>
<td align="center" style="width: 31px">Mar</td>
<td align="center" style="width: 30px">Abr</td>
<td align="center" style="width: 31px">May</td>
<td align="center" style="width: 30px">Jun</td>
<td align="center" style="width: 31px">Jul</td>
<td align="center" style="width: 31px">Ago</td>
<td align="center" style="width: 30px">Sep</td>
<td align="center" style="width: 31px">Oct</td>
<td align="center" style="width: 30px">Nov</td>
<td align="center" style="width: 31px">Dic</td>
<td align="center" style="width: 31px">Ene</td>
<td align="center" style="width: 28px">Feb</td>
<td align="center" style="width: 31px">Mar</td>
<td align="center" style="width: 30px">Abr</td>
<td align="center" style="width: 31px">May</td>
<td align="center" style="width: 30px">Jun</td>
<td align="center" style="width: 31px">Jul</td>
<td align="center" style="width: 31px">Ago</td>
<td align="center" style="width: 30px">Sep</td>
<td align="center" style="width: 31px">Oct</td>
<td align="center" style="width: 30px">Nov</td>
<td align="center" style="width: 31px">Dic</td>
</tr>
<tr>
<td style="background-color: #000;border: none;"> </td>
<td style="background-color: #000;border: none;"> </td>
</tr>
</tbody>
</table>
如您所见,我将表格中的边框设置为 0,并将 tr 和 td 标签的样式设置为 border: none 但我仍然在单元格之间看到白线,也是我放置的样式
* {
border: none;
padding: 0;
margin: 0;
}
我怎样才能去掉这个边框??
谢谢!!
最佳答案
您可以使用其中任何一种来删除空格(注意:两者之间有轻微的 difference)
border-spacing: 0;
或 border-collapse: collapse;
在表格上。
关于html - 如何删除表格中的所有边框?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19552524/