用 border 设置 html5 元素实线边框最直接，因 html5 本身不支持样式，border 可一次性定义 solid 线型、粗细和颜色，且兼容性好、语义明确、布局稳定。
用 border 设置 HTML5 元素的实线边框最直接
HTML5 本身不提供边框设置能力，所有样式必须靠 CSS 控制。border 是最常用、最稳妥的方式，它能一次性定义线型（solid）、粗细（如 1px）和颜色（如 #333）。不要试图用 outline 或 box-shadow 替代——它们不占布局空间，也不响应鼠标事件区域变化，容易引发点击错位或响应区缺失。
常见写法示例：
div {
border: 2px solid #007bff;
}
这行代码等价于分别写 border-width、border-style、border-color，但更简洁，浏览器解析也无差异。
border-width 支持多值语法，可单独控制四边粗细
当需要上边 3px、右边 1px、下边 2px、左边 0 的不等宽实线时，border-width 的四值语法比重复写四条 border-top-width 等更高效，也更易维护。
立即学习“前端免费学习笔记（深入）”；
-
border-width: 3px 1px 2px 0;→ 顺时针：上 右 下 左 -
border-width: 2px 4px;→ 上下 2px，左右 4px -
border-width: 1px;→ 四边统一 1px
注意：border-style 和 border-color 同样支持多值语法，但必须保证 border-style 至少有一个值是 solid，否则实线不会渲染（比如写成 border-style: none solid dashed，只有右边是实线）。
