HTML表格边框不显示的主因是CSS覆盖了border="1"属性，现代浏览器默认忽略该HTML属性；可靠方案是用CSS设置table的border-collapse:collapse及td/th的border样式，并通过开发者工具排查重置样式干扰。
HTML 表格边框不显示的常见原因
直接说结论：table 元素默认没有可见边框，即使写了 border="1" 但页面仍看不到边框，大概率是 CSS 覆盖了 HTML 属性，或浏览器禁用了传统 border 属性渲染。
为什么 border="1" 有时没用
HTML4 中 border 是 table 的合法属性，但现代浏览器（尤其 Chrome/Firefox）在开启 CSS 渲染后，会忽略该属性，除非显式用 CSS 重置：
-
border="1"只在无 CSS 或极简样式下生效； - 只要页面引入了任何 CSS 文件（哪怕只有一行
body { margin: 0; }），就可能触发浏览器回退到 CSS 盒模型优先策略； - 若 CSS 中写了
table, td, th { border: none; }或border: 0;，会直接覆盖 HTML 属性。
真正可靠的边框写法（推荐用 CSS）
放弃依赖 border="1"，改用内联 style 或外部 CSS 控制，确保可控、可维护：
<table style="border-collapse: collapse;">
<tr>
<td style="border: 1px solid #000;">A</td>
<td style="border: 1px solid #000;">B</td>
</tr>
</table>关键点：
立即学习“前端免费学习笔记（深入）”；
- 必须加
border-collapse: collapse;，否则td边框会双倍间距（分离模式）； - 只给
table设border不够——它只框住整个表格外沿，单元格内部无边； - 要完整表格线，得同时设置
th和td的border； - 若用外部 CSS，注意选择器权重，避免被重置（比如
table * { border: none !important; }就会废掉所有边框）。
检查是否被 reset.css 或框架干扰
很多项目引入了 normalize.css、reset.css 或 Bootstrap，它们常带如下规则：
table {
border-collapse: collapse;
border-spacing: 0;
}
td, th {
border: 0;
}这类规则会静默抹掉边框。排查方法：
- 打开浏览器开发者工具（F12），选中
td元素，看「Computed」面板里border是否为none； - 在「Styles」面板里逐条关闭可疑 CSS 规则，观察边框是否重现；
- 临时加一行
<style>td, th { border: 1px solid #ccc !important; }</style>测试是否是样式冲突。
边框问题表面简单，实际常卡在 CSS 层叠和重置逻辑上，动手前先开 F12 看 computed 样式，比反复改 HTML 属性快得多。
