Question

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

我尝试了一些css：

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

我申请了左上角的单元格：

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

但它没有用。

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

Answer 1

请尝试以下操作： Demo

table tr.border-less>td {
    border-top: 0px solid #FFFFFF;
    border-left: 0px solid #FFFFFF;
}

Answer 2

看看这个

<强> CSS

table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
}
.border-less {
    border-top: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
}

http://jsfiddle.net/vasanthanvas/jfvhxy59/

Answer 3

从table和tr移除边框，仅为td应用边框。

＆＃13;

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

＆＃13;

<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>

＆＃13;

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

3 个答案: