Javascript 如何创建带有“的行”；v"；使用HTML和CSS的效果

我不熟悉这种CSS效果

我需要一种方法，允许我使用HTML和CSS在HTML元素中创建具有“v”效果的行。下图显示了我需要完成的任务

---

尝试了两种解决方案，您可以查看是否有任何帮助。

div{
高度：1px；
宽度：200px；
背景：透明；
位置：相对位置；
光标：指针；
边框底部：1px纯黑；
右边框：1px纯黑；
左边框：0px纯黑；
边界半径：10px；
}
部门：以前{
内容：“；
位置：绝对位置；
顶部：-webkit calc（100%-10px）；/*旧浏览器支持可能需要前缀*/
顶部：计算（100%-10px）；/*即高度的一半*/
左：90px；
高度：20px；
宽度：20px；
背景：白色；
变换：旋转（45度）；
边框底部：继承；
边界权：继承；
盒影：继承；
}

---

您能与我们分享您已有的代码吗？有很多CSS技巧网站肯定会为你解决这个问题。我还没有创建任何东西。图像是在Zeplin中创建的线框，这是您的问题。Stackoverflow是为了帮助您调试和改进代码，而不是为您编写代码。