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

Question

如题所述

Answer 1

table表格是制作前端常常需要使用到的一个标签，表格边框默认是不合并的，通过使用border-collapse:collapse可以对表格设置合并的边框效果。

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

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

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

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

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

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