零边框在html

Question

我正在做一个在表中有表的示例，但是父表不应该有边框。我试过了，但它确实有效。我检查W3School css教程也没有结果。我试过了：

1. style="border: none;"
2. border:0

两者都无法在Chrome中使用

th {
  border: 1px solid black;
  padding-left: 7px;
  padding-right: 7px;
}

td {
  border: 1px solid black;
  padding-left: 7px;
  padding-right: 7px;
}

<table id="t02" border="0">
  <tr>
    <td>
      <table id="t01" style="border: 1px solid black; background-color: #E4E5E0; margin-left: 40px;">
        <tr style="border: 1px solid black;">
          <th>Available<br>On</th>
          <th>Ids</th>
        </tr>
        <tr>
          <td><b>Phone</b></td>
          <td><b>9999999</td>
             </tr>
          </table>
          </td>
          <td>
          <br><br>
          <table id="t01" style="border: 1px solid black; background-color: #E4E5E0; margin-left: 40px;">
             <tr style="border: 1px solid black;">
                <th style="border: solid 1px black; padding-left: 7px; padding-right: 7px;">Available<br>On</th>
                <th style="border: solid 1px black; padding-left: 7px; padding-right: 7px;">Ids</th>
             </tr>
             <tr>
                <td><b>Phone</b></td>
          <td><b>9999999</b></td>
        </tr>
      </table>
    </td>
  </tr>
</table>

输出

Answer 1

您的代码中有几个问题......

......错过了一个结束......

...为什么使用内联样式......

... ID应该是唯一的 - 为您的＆＃34; t01＆＃34; ...

使用一个类

但主要的重要建议：现在不要使用表格进行布局。 而是学习flexbox或CSS网格。