table边框合并技巧

表格的边框默认处于分离状态，若希望边框合并为整体，可在table标签中添加border-collapse:collapse样式属性，使相邻边框融合显示。

1、 启动HTML开发工具，创建一个新的网页文件。

2、 在HTML页面的body中插入一个table标签来创建表格。

3、 在title标签后添加style标签，通过CSS为td元素设置边框样式，从而为表格添加边框效果。

4、 CSS样式代码重写

5、 查看表格边框设置是否生效。保存HTML代码并用浏览器打开后，可见边框样式已成功应用，但表格的边框并未闭合为一条完整的线条。

6、 将边框设为闭合样式。在HTML代码的style标签中，为table元素添加border-collapse: collapse属性，使边框合并为单一线条，消除默认间隔。

7、 CSS样式代码重写

8、 保存HTML代码后用浏览器打开，可看到表格边框已成功设置为闭合样式，呈现为连续的单一线条。