Html 如何在CSS边框的直线部分留下间隙

我创建了我的CSS代码，效果非常好，我希望在一个div中有一条相同的线围绕我的内容，作为一个边框，但我只想要所有的四个角，中间没有任何东西，这是我到目前为止所做的，我对如何实现这一点感到困惑

这就是我要做的

.Line
{
边框底部：1px实心#b2b2b2；
左边框：1px实心#b2b2b2；
垫面：5px；
垫底：5px；
宽度：65%；
位置：相对位置；
边框左下半径：10px；
位置：相对位置；
/*左：-15px；
顶部：-120px*/
高度：100px；
}
.Line:之前，.Line:之后
{
内容：“；
宽度：8px；
高度：8px；
/*背景#b2b2b2*/
边框：2px实心#b2b2b2；
边界半径：5px；
位置：绝对位置；
顶部：-3px；
}
.台词：之前
{
左-6px；
顶部：-10px；
}
.台词：之后
{
右：-10px；
顶部：105px！重要；
}
.线宽
{
边框底部：1px实心#b2b2b2；
垫面：5px；
垫底：5px；
宽度：95%；
位置：相对位置；
}
.LineFullWidth:之前，.LineFullWidth:之后
{
内容：“；
宽度：8px；
高度：8px；
背景#b2b2b2；
边界半径：5px；
位置：绝对位置；
顶部：-3px；
}
.线宽：在
{
左-6px；
顶部：6px；
}
.线宽：后
{
右：-7px；
顶部：6px！重要；
}

内容

您可以使用pseudo和add box shadow来绘制多个边框

背景可能会隐藏线条的一部分

使用简单的背景色效果很好

演示使用大众单位只是为了演示的目的，你可以使用像素单位或任何东西

div{
位置：相对位置；
边界半径：1米；
背景：
线性渐变（顶部，透明30%，白色30%，白色70%，透明70%），线性渐变（左侧，透明30%，白色30%，白色70%，透明70%）；
}
部门：以前{
内容：''；
位置：绝对位置；
边界半径：1米；
z索引：-1；/*将其绘制在下面*/
排名：0；
左：0；
右：0；
底部：0；
框阴影：
插入0 1px，/*用背景隐藏*/
0 0 1px浅灰色/*看到那个*/；
}
/*画圈*/
h2：之前{
内容：''；
位置：绝对位置；
顶部：-4px；
左：-4px；
z指数：1；
高度：8px；
宽度：8px；
边界半径：100%；
框阴影：
0 7vw 0 0白色，
0 7vw 0 1px，
0 3vw 0 0白色，
0 3vw 0 1px，
50vw 7vw 0 0白色，
50vw 7vw 0 1px，
50vw 3vw 0 0白色，
50vw 3vw 0 1px，
15vw 0白色，
15vw 0 1px，
35vw 0白色，
35vw 0 1px，
15vw 10vw 0 0白色，
15vw 10vw 0 1px，
35vw 10vw 0白色，
35vw 10vw 0 1px；
}
/*演示目的*/
html{
显示器：flex；
最小高度：100%；
}
身体{
保证金：自动；
}
部门：之后{
内容：''；
显示：块；
垫面：10vw；
}
div{
显示器：flex；
对齐项目：居中；
证明内容：中心；
宽度：50vw；
}

内容

是。你需要一张图片。添加了一张图片，显示我想拉什么off@Kenny当前位置中的答案可能会为您提供一些想法。我认为

边框图像

在这里可以很好地工作，但是我现在没有时间给你一个示例。用

z-index:1放置你想要的图像不是更快吗和div含量
z指数：2我没有尝试一些非常耗时的事情？我尝试了z-index，但是容器中的内容会溢出到下一个div中，除非有办法阻止它。我对此有点陌生，所以我正在努力学习