Html 如何使CSS更清晰；V"；类似于`<；图例>；`和`<；字段集>；`？

如何在CSS中创建像水平角一样尖锐的“V”？ 看起来像这样的角<>就好像在

和

中都出现了左右角一样

#FieldsetSeekBox{
填充：8px 1px；
边框：1px实心#A1A1；
}
#传奇风格{
边框样式：无；
背景色：#a1a1；
字体：粗体13px塔荷马字体，Arial，Helvetica；
颜色：#000000；
左侧填充：10px；
位置：相对位置；
边界半径：8px 8px 0px 0px；
}

网络搜索

通常，您需要使用css伪元素

：before

或

：after

设置一些内容。然后，通过设置顶部/底部的边框宽度，可以创建三角形形状

请参阅演示或下面的示例

#FieldsetSeekBox{
填充：8px 1px；
边框：1px实心#A1A1；
}
#传奇风格{
边框样式：无；
背景色：#a1a1；
字体：粗体13px塔荷马字体，Arial，Helvetica；
颜色：#000000；
左侧填充：10px；
位置：相对位置；
}
#传奇风格：后{
内容：“；
显示：块；
位置：绝对位置；
右：-10px；
排名：0；
边框顶部：8px实心透明；
边框底部：8px实心透明；
左边框：10px实心#A1A1；
}

网络搜索

我不确定我是否理解你的意思，所以一张照片就好了。谢谢你，它太完美了。我还为

切换了这两个：在
代码
左侧之前：-10px；右边框：10px实心#A1A1。它工作得很好。