outline不能当边框用，因其专为无障碍聚焦设计，不参与布局、不占空间、不支持单边设置和圆角；table外围线应使用border+border-collapse:collapse+overflow:hidden组合，box-shadow仅作视觉补位。
outline 为什么不能当边框用
outline 的设计定位就是“无障碍聚焦提示”，它不参与布局、不占空间、不能设置单边、也不能圆角（outline-radius 不存在）。哪怕你写了 outline: 2px solid #333，它也永远浮在元素外层，且所有边等宽等样式——这导致它根本没法替代 border 做表格外围装饰线。
table 外围加线该用 border-collapse
表格默认是 border-collapse: separate，单元格各自带边框，外围看起来是“拼出来”的线，实际由 th/td 的 border 共同构成，不可控。真正让整个 table 拥有一条干净外围线的方法是：
- 给
table设置border: 1px solid #ccc - 同时设
border-collapse: collapse - 把
th和td的边框设为border: none或统一细线（避免内线干扰）
这样 table 自身的 border 就成了唯一可见的外围线，且占据布局空间，可精确控制粗细、颜色、圆角（border-radius 在 collapse 模式下对 table 有效）。
border-radius 在 table 上生效的前提
border-radius 对 table 元素起作用，必须同时满足两个条件：
border-collapse: collapse-
overflow: hidden（否则圆角会被子元素撑出）
示例：
table {
border: 2px solid #4a6fa5;
border-collapse: collapse;
border-radius: 8px;
overflow: hidden;
}漏掉 overflow: hidden，哪怕写了 border-radius，四个角依然尖锐。
如果必须保留内部分割线又想要外围强调
这时别碰 outline，改用 box-shadow 模拟“装饰性外围线”：
-
box-shadow: 0 0 0 2px #e0e0e0—— 无偏移、无模糊、纯扩边 - 它不占布局空间，但视觉上就是一条外围线，且支持
inset反向内陷 - 和
border共存时注意层级：shadow 在 border 外层，不会遮挡内线
比 outline 更可控，也比强行 hack outline-offset 更稳定。
真正要的是“看得见、可定位、能响应布局变化”的外围线，就老实用 border + collapse + overflow: hidden 这套组合。outline 和 box-shadow 都只是视觉补位，不是结构边框。
