HTML表格“隐形边框”需同时设置table、th、td的border为0并配合border-collapse:collapse，因border="0"仅作用于table外框，而th/td默认边框及separate模式下的双线叠加会导致残留细线。
HTML表格的“隐形边框”不是真的没有边框逻辑，而是浏览器默认渲染出的细线被视觉掩盖或结构跳过——想让它彻底不显示，必须同时处理 table、th、td 三层边框声明，并干预盒模型行为。
为什么只写 border="0" 还有细线？
因为 border="0" 只禁用 table 元素自身的外边框，但 th 和 td 仍继承或自带默认边框（尤其在旧版 IE 或某些 CSS 框架下）。更隐蔽的是：border-collapse: separate（默认值）会让相邻单元格各自渲染 1px 边框，视觉上叠加成“双线”，哪怕设了 border: none 也可能残留亚像素线。
- 务必检查开发者工具的 Computed 标签页，确认
th和td的border确实是none或0px - 若用 Bootstrap 等框架，
.table类通常自带border，需显式覆盖：table, th, td { border: 0 !important; } -
border-collapse: collapse必须和border: 0配合使用，否则collapse对none无效
border-collapse: collapse 不生效的常见原因
这个属性只对 table 元素起作用，且要求所有参与边框合并的单元格都声明了可合并的边框样式（比如 solid）。如果某处写了 border: none，collapse 就失去作用对象。
- 错误写法：
table { border-collapse: collapse; } td { border: none; }→collapse被忽略 - 正确写法：
table { border-collapse: collapse; border: 0; } td { border: 0; }或td { border: 1px solid transparent; } - 注意：移动端 Safari 对
border-collapse渲染不稳定，亚像素线可能残留，此时建议加transform: translateZ(0)强制硬件加速
需要局部隐藏某条边框时怎么写？
别依赖 frame 或 rules 属性——它们仅控制外框或分隔线逻辑，且已被现代标准弱化支持。真正可控的方式是直接操作单元格的单边边框。
立即学习“前端免费学习笔记（深入）”；
- 隐藏
td上边框：td { border-top: none; } - 只保留右边框：
td { border: none; border-right: 1px solid #ccc; } - 避免用
border-color: transparent单独隐藏——它仍占布局空间，且在高对比度模式下可能暴露 - 若要“视觉隐藏但保留语义间距”，用
padding替代边框，而非靠透明色骗过渲染
最易被忽略的点：即使所有 border 都清空，outline、box-shadow、甚至 font-smoothing 差异都可能在特定缩放比例下模拟出“伪边框”。排查时先关掉所有非必要样式，再逐层开启验证。
