边框未消失是因为仅设border="0"或table{border:none}不足够，必须同时清除table、th、td的border并设置border-collapse:collapse，否则浏览器ua样式或框架默认样式仍会渲染单元格边框。
只设 border="0" 或只写 table { border: none; }，边框线大概率还在——不是你代码错了，是浏览器默认渲染逻辑在“偷偷画线”。
为什么 border="0" 有时无效？
HTML 的 border 属性只控制 <table> 元素自身的边框，不作用于 <code><th> 和 <code><td>。而现代浏览器（尤其是 Chrome、Safari）对单元格有独立的 UA 样式，比如 <code>border-style: inset，此时 border-width: 0 仍可能渲染出灰线。
-
border="0"是 HTML 属性，优先级低，容易被 CSS 覆盖 - 若页面引入了 Bootstrap、Ant Design 等框架，它们会全局给
table, th, td加border: 1px solid，必须显式覆盖 - 旧版 Safari 对
border-collapse: separate（默认值）下的border-spacing渲染敏感，2px 间距会形成“假边框”
真正生效的三步清除法
必须同时处理三层：表格容器、单元格、边框合并逻辑。缺一不可。
- 给
table、th、td都加border: none或border: 0（推荐后者，兼容性更稳） - 加
border-collapse: collapse到table上，强制合并相邻边框，消灭缝隙 - 如果仍见细线，检查是否有
outline、box-shadow或background-image模拟的网格线
示例：
table, th, td {
border: 0;
border-collapse: collapse;
}
border: 0 和 border: none 有什么区别？
视觉效果一样，但底层行为不同：border: none 会把 border-style 设为 none，而 border: 0 只清宽度，style 可能还是 inset 或 groove——某些 UA 样式下，0px solid 比 none 更可靠。
- 表单控件（如
input）用border: 0更稳妥 - 表格场景中，
border: 0+border-collapse: collapse组合成功率最高 - 避免混用：
border: 0和border-style: none同时写没意义，后者会被前者覆盖
容易被忽略的“隐形边框源”
即使你清掉了所有 border，线还可能来自：
- iOS Safari 的 sub-pixel 渲染：1px 表格线在高 DPI 屏上可能模糊显示为半透明灰线，需加
transform: translateZ(0)强制 GPU 渲染（小概率但真实存在） - CSS Grid 布局里误用
gap当“分隔线”，实际是空白区域，应设gap: 0 - 伪元素
::before/::after或 JS 动态插入的装饰线，需 inspect 元素确认来源
最保险的做法：打开 DevTools，逐层检查 table、th、td 的 computed styles，看 border-top-style 和 border-collapse 是否真为 none 和 collapse。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
