CSS双边框,外边框比内边框厚
在当前的工作中,我需要在容器上产生一个双边框。边框样式: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;
}
以上是 CSS双边框,外边框比内边框厚 的全部内容, 来源链接: utcz.com/qa/400404.html