border没反应通常因漏写border-style，浏览器默认为none；三要素（宽、样式、色）缺一不可，单边属性更安全，表格须用CSS控制，outline不占布局空间。
border 为什么写了没反应？缺了这个必填项
边框不显示，90% 是因为漏写了 border-style。浏览器默认值是 none，哪怕你写了 border-width: 2px 和 border-color: #333，只要没指定 solid、dashed 这类样式，边框就等于没设。
-
border: 2px #333❌ 不生效（缺样式） -
border: 2px solid #333✅ 生效（三要素齐） - 顺序可变：
border: #333 solid 2px也合法，但样式不能省 - 颜色可省略——此时取当前文本色：
border: 1px dashed有效
只加顶部或左边边框？用单边属性更稳
想只控制某一边，别用 border 简写再覆盖其他三边，直接上 border-top、border-left 等单边属性。它们互不干扰，不会意外清掉别的边。
-
border-top: 1px solid #ccc只影响上边，其余三边保持原样（甚至无边框） - 适合做分隔线：
hr不够灵活时，用div+border-bottom更可控 - 表格单元格内单边边框？先确保
border-collapse: collapse，否则可能双线重叠
表格边框老是又粗又难看？别用 HTML 的 border 属性
<table border="1"> 是 HTML4 遗留写法，已废弃。它只支持像素值，无法设颜色、圆角、虚实，且内部单元格边框固定为 1px，根本没法精细控制。
- 必须改用 CSS：
table { border-collapse: collapse; }+td, th { border: 1px solid #ddd; } -
border-collapse: collapse能合并相邻边框，避免双线；separate（默认）则保留间隙 - 旧代码里看到
border="0"，等价于移除边框，但语义不清，建议统一换成border: none
outline 和 border 容易搞混？关键看用途
outline 是焦点轮廓，比如点击 input 后那圈蓝色虚线，它不占布局空间、不影响盒模型，也不能只设单边——这些和 border 全都不一样。
立即学习“前端免费学习笔记（深入）”；
-
border影响元素尺寸（加在 width/height 外），outline不影响 - 表单验证失败时想加红边？用
border；只是临时高亮焦点？用outline - 清除默认 outline（如按钮点击后蓝框）：
outline: none，但要配键盘导航的替代方案，否则可访问性出问题
