隐藏HTML表格中的单元格边框
答
您可以使用CSS来实现这一目标。请对下面的代码
<table width="300" border="0" cellpadding="0" cellspacing="0" class="border" >
<thead>
<tr>
<td class="border-head"> </td>
<td class="border-head"> </td>
<td class="border-head" > </td>
</tr>
</thead>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
的外观和使用CSS像
<style>
.border {
border:solid 1px #000;
}
.border-head {
border-bottom:solid 1px #000;
}
</style>
你可以看到在JS小提琴的动作here
答
唯一的办法是通过CSS。 全部重设边界0像素,然后用不同的类,你可以覆盖它并仅显示在特定的细胞所需边界
table {
border: 0px;
}
.bottom {
border-bottom: 1px solid black;
}
.left {
border-left: 1px solid black
}
....
等等
感谢阿齐兹,这是很好的解决方案。 – nguyenbkcse 2015-03-25 08:28:36
@nguyenbkcse欢迎:) – 2015-03-25 08:29:25