实现表格统一边框的关键是设置table{border-collapse:collapse}，并为th和td统一定义border样式；禁用已废弃的border属性，避免border-spacing干扰。
table 元素默认没有统一边框，必须显式设置
HTML5 中 table 默认是“无边框”的——不是真的没边线，而是 border 值为 0，且单元格之间有默认间距（border-spacing），导致看起来边框断裂、不连贯。想实现“统一边框”，核心不是加 border，而是关掉分离、启用合并。
用 border-collapse: collapse 消除单元格间隙
这是最关键的一步。不设这个，哪怕每个 td 都加了 border: 1px solid #000，也会看到双线、缝隙或错位。
-
border-collapse: separate（默认）→ 单元格各自画边，间隔由border-spacing控制 -
border-collapse: collapse→ 所有相邻边框合并为一条线，真正“统一” - 必须作用在
table元素上，对tr或td单独设无效
table {
border-collapse: collapse;
width: 100%;
}
td, th {
border: 1px solid #333;
padding: 8px;
}
注意 th 和 td 的 border 要一致，否则视觉断裂
如果只给 td 加边框而漏掉 th，表头就会“悬空”；反过来，若 th 边框更粗或颜色不同，统一感立刻破坏。
- 推荐统一选择器：
table th, table td或直接table *:not(caption) - 避免只写
td—— 表头也参与边框合并逻辑 - 若需表头加粗边框，应通过
border-width统一调控，而非单独重写
不要用 table[border] 属性，它和 CSS 冲突且行为不可控
HTML5 已废弃 立即学习“前端免费学习笔记（深入）”； 统一边框这件事，CSS 是唯一可靠路径。边框是否“统一”，取决于你有没有真正让浏览器把所有边线当成同一条来绘制——而那只能靠 border 属性（如 ），它会强制触发
border-collapse: separate，且无法与现代 CSS 边框样式共存。
border，或渲染出奇怪的双线border-collapse: separate 被悄悄激活border-collapse: collapse。
