取消css中表格的边框

Question

我试图删除111列上方的边界，但由于某种原因它不工作。谁能解释一下我怎么能否决border样式?

.myBorder {
border-top-style: solid;
}

<table class="myBorder">
<tr>
<td style="border-top-style: none !important;">111</td>
<td>222</td>
</tr>
<tr>
<td>333</td>
<td>444</td>
</tr>
</table>

正如你所看到的，我尝试了!important，但它不起作用。

Answer 1

您可以在表格上使用border-collapse，然后在单元格上画一个白色的上边框

.myBorder {
border-top-style: solid;
border-collapse: collapse;
}

<table class="myBorder">
<tr>
<td style="border-top-style:solid; border-color:white;">111</td>
<td>222</td>
</tr>
<tr>
<td>333</td>
<td>444</td>
</tr>
</table>