仅特定表格无法实现边框合并,寻求技术解决办法
表格边框分离问题解决方案
你当前的CSS代码把border-collapse: collapse应用在了<td>和<th>元素上,但这个属性只能作用于<table>元素,这就是边框依然分离的原因。
修正后的代码如下:
table.perimeter { border-collapse: collapse; /* 把这个属性移到table标签上 */ } table.perimeter td, table.perimeter th { border: 1px solid blue; }
说明:
border-collapse: collapse的作用是让表格的边框合并成单一边框,它是表格元素的专属属性,放在单元格上不会生效。- 单元格的
border属性保留,负责定义每个单元格的边框样式。
内容的提问来源于stack exchange,提问作者WOWNative
相关产品推荐
相关产品推荐

