必须同步清除table、th、td的border并设border-collapse: collapse，否则因浏览器默认separate模式及UA样式继承，单元格边框仍会残留。
直接设 border="0" 或 border: none 不够——多数情况下边框仍会“残留”，根源在于浏览器默认的 border-collapse: separate 和 UA 样式对 th/td 的独立边框继承。必须同步处理三层：table 元素、单元格、边框合并逻辑。
为什么只写 table { border: none } 还有线？
因为浏览器（尤其是 Chrome/Safari）会给 th 和 td 单独加默认边框（如 border-style: inset），且 border-collapse 默认是 separate，导致相邻单元格各画一条线，视觉上就是细缝或双线。即使 table 没边框，单元格之间依然“分得清”。
-
th, td无显式声明时，部分 UA 样式会 fallback 到border: 2px inset（非none） -
border-collapse: separate下，border-spacing默认为2px，会撑出空白“假边框” - 某些 UI 框架（如 Bootstrap、Ant Design）会全局给
table, th, td加border: 1px solid，必须覆盖
border-collapse: collapse 必须配 border: none 吗？
不是“必须”，但不配就大概率失败。单独设 border-collapse: collapse 只是把相邻边框“压成一条”，如果那条线本身没被清掉，它还在。所以正确顺序是：
- 先确保
table、th、td的border都明确为none或0 - 再加
border-collapse: collapse消除残留缝隙（尤其在 Safari/iOS 上） - 若用
border: 0px solid transparent，要确认border-style不是inset——否则0px仍可能渲染出灰线
推荐写法：
.no-border {
border: none;
border-collapse: collapse;
}
.no-border th,
.no-border td {
border: none;
}
内联 style 写 border="0" 为什么有时失效？
HTML 的 border="0" 属性只作用于 table 元素本身，完全不管 th/td，也不影响 border-collapse。一旦页面引入了任何 CSS（哪怕一行重置），它就会被覆盖。更麻烦的是：
把任意文章或文档内容转换成精美的全屏翻页 HTML 演示文件（幻灯片风格）。当用户发来一篇文章、文档链接、Markdown 内容、或粘贴的文本，并且希望生成演示用的 HTML 时触发。支持任意内容来源：iWiki 链接、KM 链接、本地文件路径、直接粘贴的文本。生成的 HTML 文件保存到本地工作区，并通过企微直接发送给用户。触发词示例：帮我把这篇文章做成PPT、转成演示文档、生成HTML幻灯片、做个演示、转成可以演示的格式、article to deck、make a slide。
立即学习“前端免费学习笔记（深入）”；
-
border="0"是 HTML4 遗留属性，现代 HTML5 文档中已不推荐，部分校验器报 warning - 若表格嵌在 CMS 或富文本编辑器里，后台可能自动注入 class 或 style，直接覆盖该属性
- DevTools 里看到
border计算值是none，但实际还有一像素白线？很可能是 iOS Safari 的 sub-pixel 渲染抖动，不是样式问题
此时务实做法是加 transform: translateZ(0) 强制硬件加速，或改用 display: grid 布局绕开 table 渲染管线。
如何排查“明明写了 none 还有线”的真实原因？
别猜，用 DevTools 直接看 computed styles：
- 选中任意一个
td，在 Computed 面板搜索border，确认border-top-style、border-bottom-width等是否真为none/0px - 同页检查
outline和box-shadow——很多“边框”其实是聚焦 outline 或父容器阴影边缘 - 看 Styles 面板右侧，点每个 CSS 规则旁的
↵图标，看来源是 user agent、框架 CSS 还是自定义样式，针对性加!important - 临时加全局重置：
* { outline: none !important; box-shadow: none !important; }快速验证是不是它们冒充的
真正难缠的不是写法，而是你不知道哪一层样式在暗处偷偷画了一笔——尤其当项目用了多个 CSS 框架时。
