最简方案是table设红色外框且td/th显式清除边框：table { border: 2px solid red; } td, th { border: none; }，否则内部单元格边框会干扰或覆盖外框。
只给 table 元素设红色外框，不碰单元格内部线
想让表格只有最外一圈红边、内部无分隔线，关键不是“加边框”，而是“隔离外框”——table 和 td/th 的边框默认是各自渲染的，不加控制就会互相干扰。
直接写 style="border: 2px solid red;" 是可行的，但必须确保内部单元格没边框，否则会叠加出奇怪粗细或颜色偏移。常见错误是只设 table 边框，却忘了清掉 td 默认可能继承或残留的 border 样式。
-
table上设border: 2px solid red; -
td, th上显式设border: none;或border: 0;（推荐none，语义更明确） - 不用
border-collapse—— 它只在需要合并内线时才用，这里反而会干扰“纯外框”效果
border-color 单独写无效？为什么红色不显示
很多人写 style="border-color: red;" 没反应，不是浏览器 bug，是 CSS 规则根本没触发：边框要“画出来”，必须有宽度和样式，颜色只是其中一环。
浏览器看到 border-color: red;，但默认 border-style 是 none，宽度是 0，等于告诉它“画一条看不见的红线”——自然啥也不出现。
立即学习“前端免费学习笔记（深入）”；
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
- 必须同时声明
border-width和border-style，例如：border: 2px solid red; - 或者拆开写：
border-width: 2px; border-style: solid; border-color: red; - 仅
border-color+border-style也不行，缺宽度依然不渲染
用 outline 替代 border 实现纯粹外轮廓
如果表格已有复杂内边框逻辑，又只想额外加个醒目的红色外框，outline 是更干净的选择：它不参与文档流，不影响布局，也不会被 border-collapse 合并规则干扰。
适合做视觉强调、焦点提示或临时高亮，比如表单校验失败时包一层红框。
-
outline: 3px solid red;就能立刻生效 - 加
outline-offset: -3px;可让 outline 紧贴表格边缘（否则默认有间距） - 注意：
outline不能设圆角，也不能只给某一边，且无法作用于td/th
为什么加了 border-collapse: collapse 反而红边变淡或消失
启用 border-collapse: collapse 后，table 的外边框和相邻 td 的边框会合并——如果 td 也有边框（哪怕只是 1px solid #eee），它的右/下边就可能覆盖 table 的对应边，导致你设的红色外框被“吃掉”。
这不是 bug，是 collapse 模式的本意：取相邻边中宽度最大、样式最重的那条。所以红色外框若比内部线细或样式弱，就会失效。
- 要保留红色外框，就得统一控制所有参与合并的边：要么全清空
td边框，要么把td的边框也设成同色同宽 - 如果只要外框，就别用
collapse；如果要用collapse，就别只靠table单独设色 - 调试时可临时加
background: yellow;到table，确认红色是否真被遮盖而非没渲染
table { border: 2px solid red; } td, th { border: none; }。容易被忽略的是第二句——没它，td 一旦带任何 border，外框就不可靠。 
