table边框颜色生效需同时声明border-width、border-style和border-color，缺一不可；仅设color无效，且必须用border-collapse:collapse解决双线问题。
table 元素的 border 颜色必须配合 style 属性显式声明
直接写 border="1" 不会生效颜色控制——它只设宽度，且已过时。真正起作用的是 CSS 的 border 简写属性，但**必须包含 border-style（如 solid）**，否则浏览器默认为 none，颜色再对也看不见。
最稳妥的写法是：style="border: 1px solid #333;"，其中 1px 是宽度、solid 是样式、#333 是颜色，三者缺一不可。
- 颜色值可用命名色（
red）、十六进制（#007bff）、rgb（rgb(0, 123, 255)）或 hsl - 如果只写
style="border-color: red;"，边框依然不显示——因为没指定样式和宽度 - 内联样式优先级高，适合快速验证；正式项目建议抽到
<style></style>或外部 CSS 中，避免重复
为什么给 table 加了 border 颜色，单元格还是双线？
这是最常见的视觉错觉：你只给 <table> 设了边框，但每个 <code><td> 和 <code><th> 默认没有边框，所以看到的只是表格外框；一旦你也给单元格加了 <code>border，又没处理合并逻辑，就会出现“内外双线”或“网格线加粗”。
解决办法只有一个：在 <table> 上加 <code>border-collapse: collapse;，并统一设置 th, td 的边框。
-
border-collapse: separate（默认）→ 各自边框独立，间距由border-spacing控制 -
border-collapse: collapse→ 相邻边框合并成一条线，这才是“单线表格”的基础 - 示例：
style="border: 1px solid #ddd; border-collapse: collapse;"+th, td { border: 1px solid #ddd; }
HtmlTable.BorderColor 属性只在 ASP.NET Web Forms 中有效
如果你在 C# 后端代码里调用 Table1.BorderColor = "red";，这属于 System.Web.UI.HtmlControls.HtmlTable 类的服务器控件属性，**仅在 .NET Framework 的 Web Forms 项目中运行时生效**，生成的 HTML 会变成类似 style="border-color: red;" 的内联样式。
纯前端 HTML 页面、Vue/React 项目、或 ASP.NET Core 应用中，这个属性完全无效——它不是标准 DOM 属性，也不被浏览器识别。
- 不要试图在 JS 中读写
element.BorderColor，它不存在 - 若用 Web Forms，注意
BorderColor必须配合Border属性（如Table1.Border = 1;）才有视觉效果 - 现代开发请直接操作
element.style.borderColor或 class，更可控
想让表格只有外边框，内部无分割线？
这不是靠“去掉单元格边框”，而是靠精准控制哪些边该画、哪些不该画。核心思路是：只给 <table> 设外边框，<code><th> 和 <code><td> 不设完整边框，只保留必要分隔（比如只加 <code>border-bottom 和 border-right），再配合 border-collapse: collapse 对齐。
- 外边框方案：
table { border: 1px solid #999; border-collapse: collapse; }+th, td { border: none; } - 仅横向分隔：
th, td { border-bottom: 1px solid #eee; border-right: none; }+ 最后一列额外清除右线 - 性能提示：避免用
:first-child/:last-child大量匹配，简单表格直接写 class 更快
实际应用中最容易被忽略的，是 border-style 的强制存在性——它不像颜色或宽度那样允许“默认”，而是决定边框是否渲染的根本开关。哪怕你只想临时调试颜色，也得带上 solid 或 hidden，否则所有努力都静默失效。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
