在CSS中可以使用border-collapse属性来合并表格边框；border-collapse属性用于设置表中存在的单元格的边框，并告知这些单元格是否共享公共边框。
image
border-collapse属性设置表格的边框是否被合并为一个单一的边框。
语法：
属性值： ● separate：用于设置单元格的单独边框。 ● collapse：用于折叠相邻的细胞并形成共同的边界。 ● initial：用于将border-collapse属性设置为其默认值。 ● inherit：当border-collapse属性从其父元素继承时使用。 示例：
border-collapse属性
默认或设置border-collapse:separate;
| 姓名 | 年龄 |
|---|---|
| 晓华 | 15 |
| 天健 | 27 |
| 邓琴 | 28 |
border-collapse:collapse;
| 姓名 | 年龄 |
|---|---|
| 晓华 | 15 |
| 天健 | 27 |
| 邓琴 | 28 |
效果图：
0ec4e7a1b304b765601d1fca1a8cfcc.png
浏览器支持
border-collapse属性支持的浏览器如下：
● Apple Safari 1.2
● 谷歌Chrome 1.0
● Internet Explore / Edge 5.0
● Opera 4.0
● Firefox 1.0
原文地址：如何使用CSS合并表格边框？