CSS双边框,外边框比内边框粗

前端之家收集整理的这篇文章主要介绍了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

猜你在找的CSS相关文章