侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 130562 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

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

2022-10-09 星期日 / 0 评论 / 0 点赞 / 83 阅读 / 902 字

在我目前的工作中,我需要在容器上生成双边框。边框式:双;实现这一点,但我的客户希望外边框更厚更厚内边界是正常厚度。 除了创建2个div之外,1个嵌套在另一个div中,外部div具有更大的厚度,或

...在我目前的工作中,我需要在容器上生成双边框。边框式:双;实现这一点,但我的客户希望外边框更厚更厚内边界是正常厚度。

除了创建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;}
. ..

广告 广告

评论区