零边框不能在html中工作

Question

我正在做一个表中的表，但父表不应该有边框。我尝试过，但它工作。我检查W3School的CSS教程，甚至没有结果。我想：

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

无论是在浏览器不工作

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网格。