如何解决如何制作具有不同边框的嵌套表,使其不会从主表继承
现在有了这个代码,我在主表和嵌套表的两个表中都有一个虚线和黑色边框。 但是,我希望它是嵌套表的实心和白色边框,而不是从主表继承虚线和黑色边框。知道怎么做吗?
<table class="outer-table";>
<tr><td colspan="2"></td><td></td></tr>
<tr><td></td><td><table id="inner-table";>
<tr><td></td><td></td></tr>
<tr><td></td><td></td></tr>
</table>
</td><td rowspan="2"></td></tr>
<tr><td></td><td></td></tr>
</table>
table.outer-table,td{ border: 5px dashed black;}
table.outer-table{
border-collapse: collapse;
background-color:red;
width:40%;
height:60%;
}
table#inner-table{
margin-left: auto;
margin-right: auto;
background-color:yellow;
border: 3px solid white;
width:90%;
height:90%;
}
解决方法
将以下 CSS 属性添加到您的 inner-table
的 td
元素,这将覆盖 #outer-table
的 td
样式:
table#inner-table td {
border: 3px solid white;
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。