最快速生效的方式是同时为 table、td、th 设置 border: 1px solid black 并添加 border-collapse: collapse；否则会出现双线、断线或边框不闭合等问题，且 border 简写必须包含 width、style、color 三要素。
直接给 table 和 td 同时加 border: 1px solid black
这是最快速生效的方式，不用写额外类名或外部文件。但必须同时作用于 table 和 td（或 th），否则会看到“双线”：外框一条黑、单元格之间又一条黑，视觉上变粗、不干净。
- 只设
table { border: 1px solid black }→ 只有外边框是黑的，内部没线 - 只设
td { border: 1px solid black }→ 内部全是黑线，但外框可能缺失或不闭合（尤其首尾行/列） - 正确写法：
table, td, th { border: 1px solid black; }
必须加 border-collapse: collapse，否则黑色边框看起来“发虚”或错位
默认 border-collapse: separate，浏览器把 table 边框和每个 td 边框当成独立元素渲染，它们之间还有微小间距（border-spacing 默认为 2px），导致黑色边框断开、对不齐，甚至出现白缝。
- 加了
border-collapse: collapse后，相邻边框自动合并成一条线，颜色和宽度完全一致 - 这个声明建议写在
table上，比如：table { border-collapse: collapse; } - 如果用了
border-spacing，它在collapse模式下会被忽略——这点常被误以为“失效”，其实是预期行为
内联 style 里写全 border 三要素，漏一个就可能不是黑色
很多人写 style="border: 1px solid;" 或 style="border-color: black;"，结果边框没出来，或者颜色不对。因为 border 是简写属性，width、style、color 缺一不可。
-
border: 1px solid black✅ 完整、可靠 -
border: 1px solid❌ 浏览器用默认色（通常是黑色，但不可控） -
border-color: black❌ 没设border-width和border-style，边框压根不渲染 -
border: 1 solid black❌ 缺单位（px），部分浏览器静默失败
想只保留外框、去掉所有内线？别只删 td 的 border
常见错误是：设了 table { border: 1px solid black; }，然后把 td 的 border 全设成 none，结果发现外框也变细或断开——这是因为 border-collapse: collapse 下，外框实际由最外层 td 的边框“拼”出来。
立即学习“前端免费学习笔记（深入）”；
- 正确做法：保留
border-collapse: collapse，然后只给table设边框，td和th的边框设为border: none或border: 0 - 但要注意：某些旧版 Safari 对
border: 0渲染不稳定，推荐统一用border: none - 如果表格有
th，记得一起处理，否则表头可能还带线
border-collapse: collapse 不只是“让边框好看”，它改变了整个表格边框的渲染模型**。一旦启用，table 的 border 和 td 的 border 就不再是叠加关系，而是参与合并计算——所以调颜色、改粗细，都得从这个合并后的结果去理解，不能只看单个元素的样式声明。 
