css设置表格边框合并;css设置table边框合并

1、打开前端开发工具，新建一个html代码页面。

2、在html代码页面上创建一个表格标签，并在单元格内输入一些文本。

3、设置表格边框样式。创建<style>标签，在该标签里面设置table、td边框样式属性。css代码： table, td{border:1px solid #ddd;}

4、先保存html代码，使用浏览器打开，可以看到表格的边框是没有合并的

5、给table标签添加border-collapse: collapse属性，用于合并表格边框。css代码：table{ border-collapse: collapse; }

6、先保存html代码，使用浏览器打开，可以看到表格边框已经合并为一条线。