在当前的工作中，我需要在容器上产生一个双边框。边框样式:double；实现这一点，但是我的客户希望外部边界更粗，内部边界具有正常的厚度。
除了创建2个div之外，还有1个嵌套在另一个div中，而外部div具有更大的厚度，或者通过使用边框图像，有什么方法可以用CSS做到只有1个div？指定边框样式:double;并且仍然能够使外边界更厚。
最佳答案
轮廓包含在CSS3规范中，并且可以将边框和轮廓都应用于单个元素。
outline属性与border命令相同。但是，附加的offset属性允许边界在元素内部或外部进一步移动。
我使用轮廓为边框提供2种不同的颜色，更改代码以为边框提供2种不同的大小。
#box {
border: 1px double #000;
outline: 2px solid #699;
outline-offset: -9px;
}