html - 零边框在 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 应该是唯一的 - 为您的“t01”使用一个类...

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