HTML5中bordercolor属性已废弃，必须用CSS控制表格边框颜色；需配合border-style和border-collapse等属性协同生效，否则颜色无效或显示异常。
HTML表格边框颜色必须用CSS控制，bordercolor属性在HTML5中已废弃，直接写在<table>标签里不仅无效，还会被现代浏览器忽略。
为什么不能用bordercolor属性
这个属性只在HTML 4及更早版本中支持，属于过时的内联表现控制。现代标准（HTML5+CSS3）要求样式与结构分离，所有边框颜色都得靠CSS声明。如果你看到<table bordercolor="#ff0000">还能“生效”，那只是某些浏览器出于兼容性做的兜底处理，不是规范行为，也不保证跨浏览器一致。
- Chrome、Firefox、Edge新版默认不解析
bordercolor - 即使渲染出来，也无法单独控制
<th>或<td>的边框色 - 无法配合
border-collapse、透明度（RGBA）、响应式等现代需求
border和border-color怎么选
两者都能设颜色，但适用场景不同：
- 用
border简写：适合统一设置整个单元格的边框（宽、样式、色一次到位），例如border: 2px solid #333 - 用
border-color单独设色：适合已有边框样式，只改颜色，比如切换主题时动态更新border-color: rgba(0,0,0,0.1) - 注意：如果只写
border-color而没提前定义border-style（如solid），边框会不可见——CSS规定border-style默认是none
CSS中颜色值怎么写才稳妥
别只记#fff这种缩写，实际项目里容易踩坑：
Html To Pdf
下载
使用 Puppeteer + Chrome 将 HTML 渲染为中文 PDF，自动处理图表等待、Tab 展开、动画、测高、白边消除、防分页，适用于看板、报表、网页和交互图表转 PDF。
立即学习“前端免费学习笔记（深入）”；
- 十六进制：推荐用
#666或#666666，但注意#666会被解析为#666666，#667则变成#666777，手误难排查 - RGBA：用
rgba(102,102,102,0.8)比rgba(66%,66%,66%,0.8)更稳定，百分比在旧版Safari中有兼容问题 - 命名色：仅限调试用，
border-color: tomato看着方便，但可选色少（约140个），且名字不易记忆，上线建议换十六进制
真正需要查色值时，别翻PDF色卡，直接打开浏览器开发者工具，在Elements面板里点颜色小方块，调色盘实时预览+复制HEX/RGB，效率高还不出错。
border-collapse: collapse必须配着用
这是表格边框颜色显示是否“干净”的关键。不加这句，<table>默认是separate模式，每个<td>都有独立边框，相邻单元格之间会出现双倍宽度、颜色叠加、间隙错位等问题——你设的#333可能看起来像深灰+浅灰混合色。
- 加上
border-collapse: collapse后，相邻边框自动合并成一条线，颜色才真实呈现 - 必须写在
table选择器上，写在td或th上无效 - 如果要保留间隙（比如做卡片式表格），改用
border-spacing: 2px配合border-collapse: separate，但此时border-color作用对象是每个单元格自身，不是整张表
边框颜色本身没玄学，难点在组合规则：border-collapse决定“怎么画”，border-style决定“画不画”，border-color只是最后填色的一环。漏掉任意一环，颜色就可能不按预期出现。
