bordercolor属性在现代html中已废弃，直接使用无效；正确做法是用border简写（如border: 2px solid #336699）配合border-collapse: collapse，并清除td/th默认边框以实现纯外边框效果。
BORDERCOLOR 属性在现代 HTML 中已失效，直接写 <table bordercolor="red"> 不会生效。浏览器（Chrome、Firefox、Edge 等）自 HTML5 起已废弃该属性，它既不是标准语法，也不参与 CSS 渲染流程。
<h3>为什么 <code>BORDERCOLOR 不起作用？
这个属性属于早期 HTML 3.2/4.0 的呈现性属性，被 W3C 明确移除。即使某些旧版 IE 或调试工具里显示“有这个属性”，实际解析时会被忽略。你看到的边框颜色，大概率是浏览器默认样式或你无意中写的 border CSS 起效了。
正确做法：用 border + border-collapse
给表格加外边框，本质是控制 <table> 元素自身的边框，而非依赖过时属性。关键两点：
<ul>
<li>
<code>border 必须显式声明宽度、样式、颜色，例如 border: 2px solid #336699；只写 border-color 没用，因为默认宽度为 0
border-collapse: collapse，否则默认 separate 模式会让外边框和内边框分离，视觉上“外边框”不连贯示例：
| A | B |
| C | D |
如果只要外边框、不要单元格内线怎么办？
这是常见误解：以为设了 border 就自动只有外框。实际上，<td> 和 <code><th> 默认也有边框（尤其在 <code>border-collapse: separate 下）。所以必须同时清除内部边框：
- 给
<td> 和 <code><th> 设 <code>border: none，或更稳妥地统一设为border: 1px solid transparent - 或者保留
border-collapse: collapse，再用border: 0清掉所有单元格边框，仅靠 table 自身的border出现在最外层
推荐写法：
Html To Pdf
下载
使用 Puppeteer + Chrome 将 HTML 渲染为中文 PDF，自动处理图表等待、Tab 展开、动画、测高、白边消除、防分页，适用于看板、报表、网页和交互图表转 PDF。
| 左 | 右 |
别踩坑：border 和 border-color 的区别
很多人试过 style="border-color: red" 发现没反应——因为 border-color 只定义颜色，不定义宽度和样式，浏览器按默认 border-width: 0 渲染，等于没画线。
- ✅ 正确：
border: 2px solid red（简写，三者齐全） - ✅ 也可分写：
border-width: 2px; border-style: solid; border-color: red - ❌ 错误：
border-color: red单独使用 - ❌ 错误：
border: solid red（缺宽度，部分浏览器会 fallback 到 3px，但不可靠）
真正容易被忽略的，是 border-collapse 和 border 三要素缺一不可。漏掉任意一个，外边框就可能“看不见”或“错位”。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
