Html 虚线之间带有自定义空格的边框半径

我在div元素中使用自定义点样式边框。我必须使用背景创建自定义边框，因为我必须定义虚线之间的空格。但是在角中，由于边界半径的原因，它不会显示。我如何解决这个问题或任何其他解决方案

我希望自定义边框也遵循半径

.element{
宽度：400px；
高度：400px；
背景：线性渐变（向右，黑色50%，rgba（255，255，255，0）0%），线性渐变（黑色50%，rgba（255，255，255，0）0%，线性渐变（向右，黑色50%，rgba（255，255，255，0）0%），线性渐变（黑色50%，rgba（255，255，255，0）0%）；
背景位置：上、右、下、左；
背景重复：重复x，重复y；
背景尺寸：20px 1px，1px 20px；
边界半径：70px；
}

---

这可能更适合SVG，在SVG中，您可以使用

svg{
宽度：250px；
}
路径{
填充：无；
行程：13,20；
}
更多{
填充：无；
行程数组：10,30；
}
无路径{
填充：无；
行程：25,15；
}

---

您可以使用SVG矩形和

笔划数组来完成此操作，就像我在这里做的那样：


.element{
宽度：400px；
高度：400px；
边界半径：70px；
位置：相对位置；
}
.元素svg{
笔画宽度：0.5；
行程数组：10,12；
填充：无；
笔画：黑色；
}
.元素.内容{
位置：绝对位置；
顶部：25px；
左：25px；
}

把内容放在这里。。。
你的边界就是你的背景是的，我正在尝试使用背景自定义边框，因为我必须在虚线之间更改空格。我认为您无法轻松解决这一问题，因为边框半径切割了渲染边框时的背景部分。@J.Sadi是的，使用边框半径的SVG有很多方法，但我想重点关注笔划数组，而不是SVG。我还链接到另一个问题，在这里我们可以看到所有这些方法；）