html表格边框需同时设置table、th、td的border样式，并配合border-collapse: collapse才能实现单线合并效果；仅设table边框会导致部分无边，漏设border-collapse则出现双线。
HTML表格默认没有可见边框，单元格也紧贴在一起——这不是你写错了，是浏览器默认把 border 设为 0，且 border-collapse 是 separate。
为什么加了 border 属性还是没边框？
常见错误是只给 table 元素设了 border: 1px solid #000，但没处理 th 和 td。表格边框实际由三部分共同构成：表、表头、单元格各自的边框。漏掉任意一个，就会出现“只有外框”或“部分无边”的情况。
- 必须同时为
table、th、td设置border，否则只有部分有线 - 不加
border-collapse: collapse会导致双线边框（每个单元格自带边框 + 表格边框叠加） - 用过时的
border="1"或cellspacing能出效果，但无法精准控制颜色/粗细/圆角，且 HTML5 中已废弃
如何让表格边框合并成单一线条？
关键就是 border-collapse: collapse，它让相邻单元格的边框“挤”成一条，而不是各自画一条再留缝。这个声明必须作用于 table 元素，且优先级高于 border-spacing。
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
-
border-collapse: collapse后，border-spacing将完全失效（不用管它） - 此时调整“间距感”，要靠
padding控制内容与边框距离，而非单元格之间距离 - 如果需要某几列有不同内边距，直接在对应
td或th上加style="padding: 8px 12px"即可
想保留单元格间空隙，该怎么设置？
用 border-collapse: separate + border-spacing 组合。这是唯一标准、可控的方式，替代已废弃的 cellspacing。
-
border-spacing只对table生效，值可为一个（如10px）或两个（如15px 5px，前者水平，后者垂直） - 必须显式声明
border-collapse: separate，否则border-spacing不起作用 - 注意：如果表格用了
display: inline-table或某些 CSS 框架重置了border-collapse，可能意外覆盖该设置
padding 和 cellspacing 容易混淆的点
padding 是单元格内容到自身边框的距离，border-spacing 是单元格边框之间的距离——它们控制的是完全不同的两层空间。混用或误以为 padding 能“撑开”单元格间距，是调试中最常卡住的地方。
- 想让文字离边框远一点 → 改
td, th { padding: 8px } - 想让两列之间空一截 → 改
table { border-spacing: 12px 0 }（前提是border-collapse: separate） - 用
margin给td加间距？不行。表格单元格不响应margin，这是 display 类型决定的硬限制
最易被忽略的是：哪怕只改一处边框样式，也要同步检查 border-collapse 值是否一致，以及有没有其他 CSS 规则（比如重置库、框架默认样式）偷偷覆盖了它。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
