我正在做一个在表中有表的例子,但是父表不应该有边框。我试过了,但成功了。我签了W3School的css教程,甚至没有结果。我试过:
style="border: none;"
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>
输出
发布于 2017-08-09 08:25:46
你代码中的几个问题..。
...missing一个关闭括号.
...why使用内联样式..。
...IDs应该是独一无二的--使用类作为“t01”.
但主要的重要建议是:现在不要用表格来布局。而不是学习柔性盒,或CSS网格。
https://stackoverflow.com/questions/45595933
复制相似问题