border: 1px solid #000 失效主因是样式被覆盖或元素无渲染空间，如 display: none、overflow: hidden 裁剪、内联元素未设 inline-block/block、空 div 高为 0 或 box-sizing 导致边框被压缩。
border: 1px solid #000 会失效的常见原因
直接写 border: 1px solid #000 却没显示边框，大概率不是语法错，而是被其他样式覆盖或元素本身不占空间。比如：display: none、visibility: hidden、父容器 overflow: hidden 裁剪了，或者该元素是内联元素（如 span）且没设 display: inline-block 或 block，导致边框无渲染区域。
检查顺序建议：
- 用浏览器开发者工具（F12）点选元素，看
Computed面板里border是否真的生效，值是否为none - 确认元素有内容、高度或设置了
min-height/height；空div默认高为 0，边框不可见 - 查是否有更高级别的 CSS 规则（比如 ID 选择器或
!important）把border覆盖成0或transparent
HTML5 中设置实线边框的可靠写法
HTML5 本身不提供新边框语法，仍用 CSS。最稳妥的是显式声明三要素：宽度、样式、颜色。别省略任一值。
推荐写法示例：
立即学习“前端免费学习笔记（深入）”；
div {
border-width: 1px;
border-style: solid;
border-color: #333;
}
或简写（更常用）：
div {
border: 1px solid #333;
}
注意：solid 是唯一表示“实线”的关键字；dashed、dotted、double 都不算实线。
如果只要某一边有边框，用方向属性更安全：
