Css 如何将边框样式设置为正斜杠

我想在Css中创建一个具有新样式的边框，例如具有特定高度和宽度的“前斜杠”。 有人能帮忙吗 我试过这样的东西

border: dotted blue;
transform: skew(45deg);

但如果我改变了盖特，它将是空洞的。 我想要这样的边界： //////////////////////////////////////////////////////////////////////////////// 斜杠之间的间距较小。

正文{
最小高度：100vh；
显示：网格；
地点内容：中心；
}
div{
宽度：200px；
高度：200px；
背景：浅灰色；
位置：相对位置；
}
部门：以前{
--边框宽度：8px；
--条纹距离：3倍；
位置：绝对位置；
内容：''；
左：计算值（var（--边框宽度）*-1）；
右：计算值（var（--边框宽度）*-1）；
顶部：计算值（var（--边框宽度）*-1）；
底部：计算值（var（--边框宽度）*-1）；
背景：重复线性梯度（-45度，黑色，透明1px，透明var（-条纹距离），黑色calc（var（-条纹距离）+1px））；
z指数：-1；
}

---

您可以使用渐变作为边界图像，这只是一个想法，还有改进的余地

html{
高度：100vh；
边界：10px固体；
边框图像：重复线性渐变（110度，黑色0px 1px，透明1.5px 8px，黑色8.5px）10次拉伸；
}

您想要虚线边框吗？或者使用实心边框？您也可以这样简化：