table border重叠问题

原创于 2018-11-20 10:18:46 发布 · 3k 阅读

本内容遵循CC 4.0 BY-SA版权协议

标签

#border #table

7 篇文章

订阅专栏

2 篇文章

订阅专栏

本文详细介绍了在HTML中创建表格时，如何通过设置border-collapse属性来避免边框叠加问题，确保所有边框均为期望的1px宽度。通过将属性值设置为'collapse'，可以实现相邻边框的合并，从而达到美观且一致的效果。

HTML中创建table时，设置border：1px，但是tr与tr之间，td与td之间的border会相加为2px，如下图：
border粗细不一样
为了使border都为1，设置属性：

 语法：border-collapse : separate | collapse
取值：
separate :　 默认值。边框独立(标准HTML)
collapse :　 相邻边被合并

table {
   border-collapse: collapse; 
   }