HTML表格中怎么隐藏边框线（基础教程）-html教程-PHP中文网

直接设border="0"不能彻底隐藏表格边框，因其仅作用于table元素，不控制th/td的默认边框及border-collapse分离模式导致的残留细线，必须同步清除table、th、td的border并设置border-collapse: collapse。

html表格中怎么隐藏边框线（基础教程）

直接设 border="0" 能快速隐藏，但只靠它不够——现代页面里边框线常因 th/td 自带样式或 CSS 优先级残留而“死灰复燃”。

使用HTML,CSS,JavaScript开发Android应用程序英文文字pdf版附源文件

如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更

下载

为什么 `border="0"` 有时没用

HTML 的 border 属性只作用于 <table> 元素本身，不控制单元格；如果 CSS 里写了 <code>th, td { border: 1px solid #ccc; }，它会直接覆盖 border="0"。另外，部分浏览器（尤其旧版 IE 或某些移动端 WebView）对未声明 border-collapse 的表格仍会渲染出细线，哪怕 border="0" 已生效。

border="0" 是 HTML4 遗留写法，在 HTML5 中虽仍有效，但语义弱、不可扩展
若页面引入了重置样式（如 normalize.css）或框架（如 Bootstrap），它们可能给 th/td 默认加了 border
未显式设置 border-collapse: collapse 时，cellspacing 和单元格自身边框可能叠加出“双线”错觉

必须同时清掉 `th` 和 `td` 的边框

表格边框由三部分组成：外边框（<table>）、单元格边框（<code><th>/<code><td>）、以及单元格间距（<code>border-spacing）。只动其中一项，大概率漏线。

最稳妥写法：table, th, td { border: none; }
若担心盒模型变化，可用 border: 0 替代 none，效果一致但保留 border-width 计算逻辑
别漏掉 thead, tbody, tfoot —— 它们虽不自带边框，但若被其他规则选中（比如 tr { border-bottom: 1px solid #eee; }），也会冒线

`border-collapse: collapse` 不是可选项，是必选项

即使所有元素都设了 border: none，若没加 border-collapse: collapse，某些浏览器（特别是 Safari 在 sub-pixel 渲染下）仍可能在单元格交界处画出 0.5px 线——肉眼可见，且无法通过 inspect 元素直接定位。

必须写：table { border-collapse: collapse; }
搭配使用 border-spacing: 0 更保险，尤其当父容器有缩放或 transform 时
border-collapse 对 <table> 生效，不能写在 <code>th 或 td 上
内联样式 vs 外部类：哪种更稳

内联写 <table style="border: none; border-collapse: collapse;"> 看似简单，但一旦 <code>th/td 有外部样式注入（比如 CMS 自动插入的 class），就失效。真正可靠的是统一用 class 控制。
- 推荐定义一个基础类：.table-clean { border-collapse: collapse; border: none; }，再配 .table-clean th, .table-clean td { border: none; }
- 避免用 !important —— 它掩盖问题，而不是解决问题；优先检查样式层叠顺序和 specificity
- 如果表格嵌套在富文本编辑器输出中（如 TinyMCE、CKEditor），它们常自动加 inline style，此时需用更强选择器，例如 body .table-clean table, body .table-clean th, body .table-clean td
真正难的不是“怎么写”，而是“怎么确认它真没了”——打开 DevTools，逐个点击 <table>、<code><th>、<code><td>，在 Styles 面板里挨个看 <code>border 是否被 override，再切到 Computed 标签页查最终生效值。很多“看不见的线”，其实是透明色、0px 宽度，或被 outline / box-shadow 冒充的。