在HTML文件中使用两种颜色的边框设计

我想要一条有两种颜色的直线，中间有一条斜线。我需要这样的结果：

试试这个：

//HTML
<div class="stripebar"></div>

//CSS
.stripebar{
    height: 5px; //or whatever height you want your div to be
    border-top: 5px solid;
    border-image: linear-gradient(-45deg, red 32%, white 32.5%, white 33%, 
    white 33.5%, blue 34%) 5;
}

请在此查看一个示例：

显然，您必须根据边框的顶部或底部位置来处理这些值，还必须根据div的宽度来处理这些值，您可能必须更改渐变停止点。正如你所看到的，为了得到你想要的角度，我必须将梯度旋转-45度——结果，所有的停止点都是相反的顺序。我相信有更好的办法，但时间不早了，我很累了，现在看来还可以。括号后的边界图像渐变的最后一个值更改角度的节距-越高的值=越陡的节距。和他们一起玩，我相信你能得到你所需要的。请记住，这里的魔力在于边界图像属性。如果你仍然需要帮助使它工作，请进一步研究

---

干杯

，除非你非常需要使用border属性。您可以使用来执行此操作：

身体{ 背景：黑色； } .stripdiag{ 背景：urldata:image/svg+xml；utf8，； 高度：120px； }

---

我需要这样的结果。。。抱歉，这样做不起作用-请访问并参观，了解要问什么以及如何提问。提示：邮政编码和努力！到目前为止，你试图实现什么？请添加更多内容例如：你做了什么