前端之家收集整理的这篇文章主要介绍了
CSS双边框,外边框比内边框粗,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在我目前的工作中,我需要在容器上
生成双边框。边框式:双;实现这一点,但我的客户希望外边框更厚更厚内边界是正常厚度。
除了创建2个div之外,1个嵌套在另一个div中,外部div具有更大的厚度,或者通过使用边框图像,有什么方法可以用CSS只用1个div来做它?指定border-style:double;并且仍然能够使外边框更厚。
CSS3规范中包含轮廓,允许边框和轮廓应用于单个元素。
outline属性与border命令相同。然而,附加的偏移属性允许边界在元素的内部或外部进一步移动。
我使用轮廓为边框提供2种不同的颜色,更改代码以使边框有2种不同的尺寸。
#Box {
border: 1px double #000;
outline: 2px solid #699;
outline-offset: -9px;
}
原文链接:https://www.f2er.com/css/218003.html