css设置表格边框合并;css设置table边框合并
table表格是制作前端常常需要使用到的一个标签，表格边框默认是不合并的，通过使用border-collapse:collapse可以对表格设置合并的边框效果。
操作方法
- 01
打开前端开发工具，新建一个html代码页面。
- 02
在html代码页面上创建一个表格标签，并在单元格内输入一些文本。
- 03
设置表格边框样式。创建<style>标签，在该标签里面设置table、td边框样式属性。 css代码： table, td{border:1px solid #ddd;}
- 04
先保存html代码，使用浏览器打开，可以看到表格的边框是没有合并的
- 05
给table标签添加border-collapse: collapse属性，用于合并表格边框。 css代码： table{ border-collapse: collapse; }
- 06
先保存html代码，使用浏览器打开，可以看到表格边框已经合并为一条线。
赞 (0)