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

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

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

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

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

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

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