HTML，删除表格左上角单元格的边框

Question

我有一个 html 表格，我的左上角单元格是空的，我想删除它的边框。

我尝试了一些CSS:

.border-less {
    border-top: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
}

我应用于左上角的单元格:

<td class="border-less"></td>

但它不起作用。

知道如何实现这一目标吗？

Answer 1

从table和tr中删除边框，并仅对td应用边框。

table {
  border-collapse: collapse;
}
td {
  border: 1px solid grey;
}
td.border-less {
  border: none;
}

<table>
  <tr>
    <td class="border-less"></td>
    <td>22</td>
    <td>33</td>
  </tr>
  <tr>
    <td>11</td>
    <td>22</td>
    <td>33</td>
  </tr>
  <tr>
    <td>11</td>
    <td>22</td>
    <td>33</td>
  </tr>
</table>