border-style: solid 是唯一能渲染连续实线的合法取值，必须配合非零 border-width（推荐1px）和显式 border-color 才可见，简写需注意顺序与覆盖风险。
border-style: solid 是实线边框的唯一可靠取值
很多初学者试过 border-style: line 或 border-style: normal，结果边框根本不显示——CSS 里没有这些合法值。solid 是唯一能渲染出连续、不中断实线的取值，其他如 dashed、dotted 都是虚线类，hidden 和 none 则直接隐藏边框。
注意：solid 不控制粗细或颜色，它只定义“线型”。哪怕 border-width 是 0，设了 solid 也看不到边框——因为宽度为 0 的实线在视觉上等于无。
-
border-style: solid必须配合非零border-width才可见 - 四边可以分别设置：
border-style: solid none solid solid（上/右/下/左） - IE8+ 和所有现代浏览器都完全支持，无需前缀
border-width 决定实线是否“看得见”
border-width 是开关级参数：值为 0 或 medium 以下（如 thin 在某些浏览器中可能渲染为 1px，但不可靠），实线可能模糊、断续甚至消失。真正稳定显示的最小宽度是 1px。
常见误区是写 border: 1 solid #000——漏写了单位，这整条声明会被浏览器忽略，边框不会出现。
立即学习“前端免费学习笔记（深入）”；
- 必须带单位：
border-width: 1px，不能写1或1em（除非你明确需要响应式缩放） - 简写时顺序不能错：
border: 1px solid #000，宽度必须在style前面 - 用
border-left-width等单边属性时，仍需配border-left-style: solid，否则无效
别绕开 border-color：透明色会让实线“隐形”
即使 border-style: solid 和 border-width: 2px 都写了，如果没设 border-color，边框会继承文本色（color）。而如果父元素 color 是 transparent 或 rgba(0,0,0,0)，实线就彻底看不见了。
这不是 bug，是 CSS 规范行为：边框颜色默认为 currentcolor，它会跟随文本色变化。
- 显式声明颜色最稳妥：
border-color: #333或border-color: black - 简写中颜色不能省略：
border: 2px solid是无效的；必须写全border: 2px solid #000 - 用
hsl()或rgba()时，alpha 通道为 0 就等于透明，实线照样不显示
border 简写容易覆盖掉已有样式
写 border: 1px solid red 看似方便，但它会一次性重置所有边框属性：把 border-top-style、border-right-width、border-bottom-color 全部设为初始值。如果你之前单独设置了 border-bottom: 3px double blue，再用简写就会把它干掉。
尤其在组件化开发或复用 CSS 类时，这种覆盖常导致边框“突然变细”或“只剩三边”。
- 只对四边统一要求时用简写；有差异化需求（比如底边加粗）就拆开写
- 调试时检查 computed styles，看实际生效的是哪条声明——浏览器会按层叠顺序覆盖
- 用
border-image时，border简写会清空它，这点极容易被忽略
实线边框看着简单，但 border-style、border-width、border-color 三个属性缺一不可，且任意一个写错或遗漏，边框就直接“消失”——不是渲染异常，是它根本没被创建出来。
