Css 渐变边框上的边框（轮廓）

使用此选项：

background: -moz-linear-gradient(315deg, transparent 10px, black 10px);

---

如何在不使用

边框的情况下在其周围创建边框或轮廓？
这不是一个理想的解决方案，但我们可以使用颜色停止并使用
：：before
/
：：after
伪元素来伪造边框，如下所示：

（由于简洁，省略了供应商前缀。）


div{
宽度：150px；
高度：50px；
背景：线性梯度（315度，透明10px，红色10px，红色12px，黑色12px）；
边框顶部：2件纯红；
左边框：2倍纯红；
位置：相对位置；
}
div:：after，div:：before{
内容：“；
位置：绝对位置；
背景：红色；
}
div：：之前{
宽度：2倍；
顶部：0；右侧：0；底部：14px；
}
div：：之后{
高度：2倍；
左：0；右：14px；下：0；
}
您可以使用方框阴影、插图和/或开头以及任意多个选项


div{
背景：线性梯度（45度，黄色，紫色，灰色，石灰色，绿松石色）；
盒子阴影：0.5px绿松石色；
填充物：2em 3em；
显示：内联块；
边缘：0.5em；
}
分区：第n个孩子（偶数）{
盒影：0 0 3px灰色，0 0 0 6px西红柿，嵌入0 0 2px，嵌入0 0 5px白色；}
div：类型的最后一个{
框阴影：0；}
您可以使用方框阴影、插入和/或开始，并且可以使用任意数量