HTML table 的 border 属性仅表语义（数据表/布局表），不控制样式；border="1" 渲染默认灰线，非法值如 "2" 被忽略；真正可控边框需 CSS 配合 border-collapse: collapse。
HTML table 的 border 属性不能可靠设置边框样式——它只在语义层面标记“是否为数据表”，不控制颜色、线型、粗细或内外边框一致性。
为什么 border="1" 有时有效，但不是你想要的“设置边框”
在 HTML5 中，border="1" 实际含义是“该表格用于展示数据，非布局用途”，浏览器据此可能渲染一个默认的 1px 灰色实线外框 + 单元格分隔线；而 border="0" 或 border="" 表示“可能用于布局”，多数 UA（如 Chrome/Firefox）会隐藏所有单元格边框，仅保留极简外框甚至完全无边框。
常见误用现象：
- 写
border="2"或border="8"—— HTML5 规范中属于非法值，浏览器静默忽略，退回到空字符串行为 - 期望
border="1"让边框变红或变虚线 —— 它根本不接受颜色/样式参数，CSS 才管这些 - 发现表格边框看起来“双线”或“错位” —— 这是
border-collapse: separate（默认）导致相邻单元格边框未合并，和border属性无关
border-collapse: collapse 是单线边框的必要前提
即使你用 CSS 给 table、th、td 都写了 border: 1px solid #333，若没设 border-collapse: collapse，结果仍是双线重叠（比如两列之间出现 2px 宽的深色缝）。
关键操作：
- 必须将
border-collapse: collapse应用在table元素上，不能只加在th或td -
border-collapse: separate时，border-spacing才生效；设为0可消除间隙，但无法解决双线问题 - 想保留内边框但隐藏外边框？可以单独给
table设border: none，再给th/td加边框并保持collapse
CSS border 属性怎么配才不出错
真正可控的边框来自 CSS，但组合方式直接影响最终效果：
- 统一单线：用
table, th, td { border: 1px solid #ddd; }+table { border-collapse: collapse; } - 只给表头加底边框：
th { border-bottom: 2px solid #007bff; }，其他单元格不设边框 - 最后一行加下边框：
tr:last-child td { border-bottom: 1px solid #eee; } - 虚线边框慎用
collapse：相邻td的虚线起始位置不同，拼合后易断裂；推荐改用separate+border-spacing: 0，或用box-shadow: inset 0 -1px模拟 - IE8 及更老版本不支持
border-collapse在inline-table上生效，需避免嵌套使用
ASP.NET Web Forms 的 HtmlTable.Border 是个特例
如果你在维护老项目，HtmlTable.Border（C# 属性）设为 0 会生成 border="0"，设为 2 生成 border="2" —— 但这仍受限于 HTML5 语义规则，且不会自动注入任何 CSS。它和 HtmlTable.BorderColor 配合，也只是生成对应 HTML 属性，不改变渲染逻辑。
容易被忽略的一点：如果同时设置了 HtmlTable.Border = 2 和控件的 Attributes["style"] = "border: 1px solid red"，后者会完全覆盖前者，因为内联 style 优先级高于 HTML 属性。
