使用border简写属性遇问题：border:10px 2px 3px 4px solid black无效

你写的border: 10px 2px 3px 4px solid black;不符合CSS border复合属性的语法规则，浏览器会直接忽略这个无效声明，导致边框不显示。

核心问题解析 #

border复合属性的取值由三个部分组成：边框宽度、边框样式、边框颜色，其中：

• 边框宽度可以是1-4个值（对应上、右、下、左四个边的宽度），但这些值必须是合法的长度单位
• 边框样式是单个必填值（如solid、dashed），没有样式的话边框永远不会显示
• 边框颜色是单个可选值，不指定则继承文本颜色

你的写法错误在于：把边框样式（solid）放在了四个宽度值之后，浏览器会尝试把10px 2px 3px 4px solid全部解析为边框宽度，但solid不是合法的长度值，导致整个声明无效，浏览器直接跳过这个样式。

正确实现方式 #

如果需要给四个边设置不同宽度的黑色实线边框，有两种写法：

1. 拆分单独属性（可读性更强，推荐）：

border-width: 10px 2px 3px 4px; /* 依次对应上、右、下、左的宽度 */
border-style: solid;
border-color: black;

2. 使用border简写的正确形式：
   边框样式和颜色只能是单个值，宽度的多值需作为一个整体，正确顺序是将样式放在宽度之后，颜色最后：

border: solid 10px 2px 3px 4px black;

内容的提问来源于stack exchange，提问作者blanket