Css 菱形/旋转方形边框

我正在努力找出如何添加一个像图中这样的边框。菱形/方形旋转边框。我尝试过边界图像，但似乎无法加载它们

这两个

    border-image: url('path-to-your-png') 33% round;
    /* border-image: url('content/uploads/2018/07/border.png')  33% round;
    border-width: 0 0 20px 0;
    margin-left: 1px; */

还有这个

    border-image-source: url('content/uploads/2018/07/dots.svg');
    border-image-slice: 33% 33% ;
    border-image-repeat round;

没用。（我也删除了链接URL，但我确信我在真实代码中使用的链接是正确的

---

CSS边框图像属性将完成此任务

见文件：

。边框菱形{
边框：10px实心透明；
边框图像：url(https://www.w3schools.com/cssref/border.png)30轮；
}

满足于此

请看：规则有时可能会有点奇怪！啊！我没有设置透明的规则。谢谢你，天啊，谢谢你，很高兴它能起作用。请阅读。哇，谢谢你，我甚至不知道这是一个选项。我也花了一分钟找到它