border 属性在现代 HTML 中已失效，因它是 HTML4 遗留语法且被 HTML5 标记为“过时”，仅控制是否启用默认边框（通常 1px），不支持样式细节；真正生效的是 CSS 的 border-width 搭配 border-style 和 border-collapse。
border 属性在现代 HTML 中已失效，不能可靠控制表格边框粗细。浏览器（Chrome 120+、Edge 122+、Safari 17+）会忽略 border="3" 这类写法，或统一当作 border="1" 处理。真正起效的是 CSS 的 border-width 和 border-collapse 配合使用。
为什么直接写 border="3" 没用？
这个属性是 HTML4 遗留语法，HTML5 已将其标记为“过时（obsolete）”。它只表示“是否启用默认边框”，不定义样式细节。即使旧版浏览器渲染了，宽度也是固定且不可控的（通常 1px），也无法指定颜色或线型。
- IE11 及更早版本可能响应，但行为不一致
- 所有现代浏览器 DevTools 的 Elements 面板里，
border属性不会出现在 computed 样式中 - 若同时写了
border="2"和 CSSborder: 1px solid #000，后者会覆盖前者，但前者本身不参与计算
border-width 必须搭配 border-style 才生效
只写 border-width: 2.25px 是无效的——浏览器会忽略它，因为没有样式支撑。你必须确保 border-style 显式设为 solid、dashed 等非 none 值。
将 Markdown 文章转换为微信公众号兼容的纯 HTML 格式。当用户要求"转成微信格式"、"生成公众号文章 HTML"、"排版到微信草稿箱"、"微信粘贴格式"时触发。输出带内联样式的纯 HTML，微信编辑器可直接渲染，无需额外适配。支持标题、段落、列表、粗体、行内代码、表格、引用块、代码块、配图的完整转换。
- 常见错误：重置库（如 normalize.css）把
table、td的border-style设为hidden，这比none更彻底，连宽度都不认 - 调试技巧：在 Chrome DevTools 的 Computed 标签页，重点检查
border-top-style是否为solid，而不是只看border-top-width - 稳妥写法：用简写
border: 2.25px solid #000，一次配齐三要素，避免遗漏
外框加粗 ≠ 给 table 加 border
给 table 元素单独设 border，只影响表格容器的最外层框线；而单元格之间、表头与内容之间的线条仍由 td/th 控制。要实现“外粗内细”，得分别处理：
立即学习“前端免费学习笔记（深入）”；
- 先统一设
border-collapse: collapse，否则边框会双倍叠加 - 对
td、th设置基础边框：border: 1px solid #ccc - 再用方向性控制加粗外侧：
td:first-child { border-left-width: 2.25px }、tr:last-child td { border-bottom-width: 2.25px } - 如果想整个外框统一粗，别忘了也给
table加border: 2.25px solid #000，否则右下角常漏线
最易被忽略的一点：边框粗细在高 DPI 屏幕（如 MacBook Retina、Windows 缩放 125%）下可能视觉失真。写死 2px 在某些设备上实际渲染为 4 物理像素，显得过重。需要响应式时，优先考虑 clamp(1.5px, 0.1vw, 2.5px) 或用 box-shadow: 0 0 0 2px #000 替代。
