border="0" 在现代项目中常失效，因其仅作用于<table>且被CSS覆盖；真正隐藏边框需同时设置table、th/td的border:none及border-collapse:collapse，并排查outline、box-shadow等“假边框”。
border="0" 能让表格边框不显示，但**只在纯静态、无CSS干扰的场景下可靠**；现代项目中它大概率失效，不是“设了就完事”的银弹。
为什么 border="0" 有时不起作用？
这个属性只作用于 <table> 元素本身，完全不管 <th> 和 <td> 的边框。只要页面里有一行 CSS 像 td { border: 1px solid #ccc; }，或者用了 Bootstrap、CMS 自带样式，border="0" 就被覆盖掉。
- HTML5 文档类型下，
border属性已标记为过时（obsolete），W3C 不再推荐使用 - 某些富文本编辑器（如 TinyMCE、CKEditor）会自动清理或重写该属性
- 即使
border="0"生效，border-collapse和单元格间距（cellspacing）仍可能留下视觉缝隙
CSS 方案才是实际能落地的解法
要真正“看不见边框”，必须同时控制三处：表格外框、单元格边框、边框合并行为。缺一不可。
- 给
<table>加border: none或border-width: 0 - 显式设置
th, td { border: none }—— 不加这句，单元格之间常留细线 - 加上
border-collapse: collapse，否则border: none在部分浏览器里仍可能渲染出微弱分隔线 - 如果表格有
<caption>，也建议加caption { border: none }，避免意外边框
内联 style 写法最直白，适合快速验证
临时调试或 CMS 编辑器里粘贴时，直接写：
<table style="border: none; border-collapse: collapse;">
<tr>
<td style="border: none;">内容</td>
<td style="border: none;">内容</td>
</tr>
</table>
注意：style 里必须同时包含 border-collapse: collapse 和 border: none，只写一个容易漏线。
Html To Pdf
下载
使用 Puppeteer + Chrome 将 HTML 渲染为中文 PDF，自动处理图表等待、Tab 展开、动画、测高、白边消除、防分页，适用于看板、报表、网页和交互图表转 PDF。
立即学习“前端免费学习笔记（深入）”；
容易被忽略的“假边框”来源
删光所有 border 还看到线？别急着改表格样式，先检查：
-
outline：比如单元格加了tabindex后聚焦出现的虚线 -
box-shadow：父容器或表格自身设置了投影，落在单元格边缘像边框 -
background-color差异：相邻单元格背景色不同，造成视觉“分界线” - 浏览器默认
user agent stylesheet中对table的border-spacing或border回退规则
真正让边框“一定不显示”，靠的不是单一属性，而是切断所有可能渲染线条的路径。尤其在嵌入第三方系统时，!important 不是妥协，是必要手段。
