不能,bordercolor 属性在 html 4.01 中已被废弃,所有现代浏览器均忽略它;应使用 css 的 border 或 border-color 配合 border-style(如 solid)设置边框颜色,并需配合 border-collapse: collapse 才能统一内外边框样式。

HTML BORDERCOLOR 属性还能用吗?
不能。这个属性早在 HTML 4.01 就被废弃,所有现代浏览器(包括 Chrome、Firefox、Edge、Safari)都已完全忽略 BORDERCOLOR。写上它不会报错,但也不会生效——边框颜色仍由 CSS 控制,或回退到默认的灰色。
用 CSS 设置表格边框颜色最稳妥的方式
必须用 border 或 border-color,且要明确指定边框样式(solid、dashed 等),否则即使设了颜色也看不见边框。
-
table元素本身加border只影响外边框;内部单元格边框需配合border-collapse: collapse - 想让所有单元格边框统一为红色:
table { border-collapse: collapse; }<br>td, th { border: 1px solid #e74c3c; } - 如果用了
border-collapse: separate(默认值),border-spacing会影响边框间距,此时border-color仅作用于单个单元格,可能出现双线重叠
为什么 border-collapse: collapse 是关键?
不设它,table 的 border 和 td 的 border 会各自渲染,导致边框粗细叠加、颜色错位、间隙不可控。只有 collapse 模式下,相邻边框才会合并成一条线,颜色和宽度才真正“统一”。
- 合并后,
border-color在th和td上设置效果一致 - 若只给
table设border而不设collapse,内部单元格之间仍无边框 - IE8+ 都支持
collapse,无需兼容顾虑
常见踩坑:颜色没变,其实是边框没画出来
很多人以为颜色没生效,实际是 border-style 缺失。CSS 中 border 是复合属性,border: 1px #3498db 不合法——缺少样式值。
- 错误写法:
border: 1px #3498db;→ 无效,浏览器忽略整条声明 - 正确写法:
border: 1px solid #3498db;或分开写:border-width: 1px; border-style: solid; border-color: #3498db; - 检查开发者工具里该元素的
Computed标签页,看border-top-style是否为none——是的话,颜色再对也没用
border-color 比反复改 border 复合值更安全。但别忘了:没 solid,就等于没边框。前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!











