最简写法是 border: 1px solid #000；因边框显示需 width、style、color 三者齐全，缺一不可，且分写易漏项，简写最稳妥可靠。
直接用 border 属性，最简写法是 border: 1px solid #000; —— 这是 HTML5 页面里给 div 加实线边框的默认、可靠、兼容性最好的方式。
为什么不用 border-style: solid 单独写？
单独设 border-style 没用，因为边框的「存在」依赖 border-width 和 border-color。CSS 规范规定：三者缺一，边框就不可见（哪怕 border-style 是 solid）。
-
border-width默认是medium，但不同浏览器渲染不一致，实际像素值难预测 -
border-color默认是元素文本色（color），但若父级没设颜色，可能变成透明或不可见 - 所以必须显式指定宽度、样式、颜色，三者合写最稳
border 简写和分写怎么选？
日常开发中优先用简写 border，语义清晰、代码短、不易漏项；只有需要单独控制某一边（比如只加下边框）时才用分写。
- 全边统一实线：
border: 2px solid #333; - 只加底部实线：
border-bottom: 1px solid #e0e0e0; - 四边不同：
border: 1px solid red; border-right: 0; border-top: 2px solid blue; - 避免写
border: solid;—— 缺少宽度和颜色，边框不会显示
加了边框但看不见？检查这三点
常见“写了边框却没效果”，往往不是语法错，而是被其他样式覆盖或隐藏了：
立即学习“前端免费学习笔记（深入）”；
- 父容器设置了
overflow: hidden，且子div边框超出内容区域（比如用了负 margin 或定位偏移） - 元素本身
display: inline（如内联元素未设display: inline-block或block），此时border虽生效但高度/宽度行为异常，容易误判为“没边框” - CSS 优先级冲突：比如重置库（如 normalize.css）或框架（如 Bootstrap）里有
* { border: 0; }类似规则，把你的边框覆盖掉了
边框看似简单，但真正卡住人的地方，往往在「它明明写了，却因 display、overflow 或层叠顺序而隐身」——调试时别只盯着 border 本身看。
