table 的 border-collapse 必须设为 collapse 才能实现单边边框控制；若为 separate 状态，td/th 的 border-top: none 等样式会失效，因浏览器将单元格视为独立盒子并受 UA 默认边框干扰，尤其在 Safari 和 iOS WebView 中易出现 1px 白线。
table 的 border-collapse 必须设为 collapse 才能控制单边
直接对 td 或 th 写 border-top: none 却没效果？大概率是 border-collapse 还在默认的 separate 状态。这个属性不设成 collapse，浏览器会把每个单元格当独立盒子处理，你写的单边样式会被 UA 默认 inset 边框或 sub-pixel 渲染干扰，尤其在 Safari 和 iOS WebView 中容易漏出 1px 白线。
必须显式给 table 加：border-collapse: collapse；它不能写在 div、th 或 td 上，只对 table 元素生效。
-
border-collapse: separate下，border-left: none可能被忽略，或与相邻单元格边框错位抖出细缝 -
collapse模式才让“单边控制”真正可预期——此时边框属于单元格交界处的共享线，不是各自绘制 - 若用第三方框架（如 Bootstrap），检查是否被
table { border-collapse: separate !important }覆盖，优先级不够就得加!important
隐藏上/下/左/右边框：用方向性 border 属性
一旦 border-collapse: collapse 生效，就可以用标准方向属性精准控制某一边：
- 去掉顶部边框：
th, td { border-top: none; }或border-top: 0; - 只留底部边框：
th, td { border: none; border-bottom: 1px solid #ccc; } - 隐藏左侧边框但保留右侧：
td:first-child { border-left: none; }（注意伪类兼容性） - 表头行整体去底边：
thead th { border-bottom: none; }
别用 rules="rows" 或 rules="cols" 想实现类似效果——它不支持颜色、粗细、单侧控制，且在 Chrome/Safari 中行为不一致，比如 rules="rows" 可能意外渲染出外边框。
立即学习“前端免费学习笔记（深入）”；
隐藏特定单元格边框：用选择器精确定位
要隐藏某个具体单元格的某条边，靠 class 最稳；用结构伪类容易在动态表格中失效：
- 第一行所有单元格去顶边：
tr:first-child th, tr:first-child td { border-top: none; } - 最后一列去右边：
td:last-child, th:last-child { border-right: none; } - 某列统一去左边（比如序号列）：
td:nth-child(1), th:nth-child(1) { border-left: none; } - 更可靠的做法是加语义 class：
<td class="no-border-left">，再配 CSS：.no-border-left { border-left: none; }
注意：:first-child 和 :last-child 匹配的是 DOM 顺序，不是视觉位置；如果 tr 里混有 th 和 td，td:nth-child(2) 可能选错——此时用 td:nth-of-type(2) 更准。
打印时隐藏边框但屏幕显示：用 @media print 隔离
打印预览里还看到边框？别只靠 HTML 属性或通用 CSS，得用媒体查询强制重置：
- 最简方案：
@media print { table, th, td { border: none !important; } } - 同时清除干扰项：
@media print { * { outline: none !important; box-shadow: none !important; } } - 若表格用了内联
style="border: 1px solid #000"，仅靠选择器可能被覆盖，得加!important - 某些富文本渲染器（如 mp-html）不支持
@media，就得靠tagStyle逐元素注入border: none
真正难搞的不是“怎么写”，而是“在哪写”——框架组件、SSR 输出、小程序环境都可能拦截或忽略你的样式作用域。先开 DevTools 看 computed styles 里 border 的最终值和来源，比盲试十种写法更省时间。
