html – 是否可以将两个表格边框“合并”到一起？

概述我已经为我的两个表格提供了相同的样式来创建1px边框,但问题是当两个表格相互接触时,顶部表格的底部边框和底部表格的顶部边框相遇并创建看起来像2px边框. 正如你在这里看到的：jsfiddle 这是我用来设置表格样式的CSS： table,td, th { border-style:solid; border-width:1px; border-color:#000;} 我试过边 我已经为我的两个表格提供了相同的样式来创建1px边框,但问题是当两个表格相互接触时,顶部表格的底部边框和底部表格的顶部边框相遇并创建看起来像2px边框.

正如你在这里看到的：jsfiddle

这是我用来设置表格样式的CSS：

table,td,th {   border-style:solID;   border-wIDth:1px;   border-color:#000;}

我试过边界崩溃：崩溃;但它似乎没有做到这一点.

解决方法 这里的想法是在紧跟另一个表之后的每个表上删除所有相关的顶部边框.

http://jsfiddle.net/thirtydot/yrUXb/10/

table,th {    border-collapse: collapse;    border: 1px solID #000;}table + table,table + table tr:first-child th,table + table tr:first-child td {    border-top: 0;}

总结

以上是内存溢出为你收集整理的html – 是否可以将两个表格边框“合并”到一起？全部内容，希望文章能够帮你解决html – 是否可以将两个表格边框“合并”到一起？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。