Html 以0.2vw宽度在我的三角形周围设置边框

我试图在三角形周围得到一个厚度为0.2vw的框架，但徒劳

我希望有人能帮助我，或者告诉我如何将第二个剪辑路径与不同的颜色和缩放，或者有一个更好的方法来实现这一点

代码只是我的表的一个精简变体，这就是为什么我不能在父定义中添加阴影

这就是我想要的，但更精确一点：D

th{
垂直对齐：中间对齐；
垫面：0.5vw；
垫底：0.5vw；
文本对齐：左对齐；
边界塌陷：塌陷；
}
tr{
垂直对齐：中间对齐；
垫面：0.5vw；
垫底：0.5vw；
边界塌陷：塌陷；
高度：30px
}
.可路由td{
边框：0.2vw纯黑；
字体大小：1.4vw；
文本对齐：居中；
垂直对齐：中间对齐；
}
.直肠{
-webkit剪辑路径：多边形（50%0%、0%100%、100%100%）；
剪辑路径：多边形（0%0%，0%100%，100%50%）；
背景色：357987；
宽度：2vw；
高度：2vh；
}
表{
宽度：20%！重要；
字体系列：Arial、Helvetica、无衬线字体；
垂直对齐：中间对齐；
边界间距：0；
边界塌陷：塌陷；
背景色：白色；
}

顺便说一句，您应该使用类而不是id-id应该是单个元素的唯一标识符-具有相同id的多个元素是不正确的。哦，好的，谢谢您提供的信息。