HTML5无版本差异，实线边框由CSS控制；最稳妥写法是border: 1px solid #000，须同时指定宽、样式、色，缺一不可。
HTML5 里没有“不同版本”的实线边框语法差异
HTML5 是一个持续演进的标准，不是像软件那样分 v1.0、v2.0 的多个独立版本。所谓“HTML5 实线边框”，实际是 CSS 控制的，和 HTML5 文档类型（）本身无关。只要声明了这个 DOCTYPE，浏览器就会以标准模式渲染，border 行为一致。
用 border 设置实线边框最稳妥写法
实线边框靠 CSS 的 border-style: solid，但单独设样式不够，必须同时指定宽度和颜色，否则不显示：
-
border: 1px solid #000—— 推荐，简写一次到位 -
border-width: 1px; border-style: solid; border-color: #000—— 拆开写，便于动态控制某一项 - 只写
border-style: solid而没设width或color：边框不可见（默认 width 是medium，但部分浏览器可能不渲染未显式定义的 color）
常见踩坑：内联样式 vs 外部 CSS 中的 border 行为一致吗？
完全一致。无论是 style="border: 2px solid red;" 还是外部 CSS 文件里的 div { border: 2px solid red; }，解析结果没区别。但注意：
- 内联样式优先级更高，可能覆盖外部规则，调试时容易误判“怎么加了不生效”
- 如果元素有
box-sizing: border-box，border会算进宽高；默认content-box则额外撑大容器 - 某些旧版 Safari 对
border-radius和solid组合在 subpixel 渲染下偶现虚化，不是实线失效，而是抗锯齿导致视觉偏差
不用 border 也能“看起来像实线”？慎用替代方案
有人用 outline、box-shadow 甚至伪元素模拟边框，但这些不是真正的边框：
立即学习“前端免费学习笔记（深入）”；
-
outline不占布局空间，无法设置单边，且不支持圆角裁剪 -
box-shadow: 0 0 0 1px #000看似一样，但它是投影，不能响应:hover下的border-color变化（除非重写整个 shadow） - 真正需要语义化边框、参与盒模型计算、或要被打印/截图准确捕获时，必须用
border
实线边框这件事，从 IE8 到 Chrome 120，border: 1px solid #000 的行为几乎没有变化——关键不在“HTML5 版本”，而在你有没有漏掉宽度或颜色。
