我已经得到了一个需要实现的设计，它需要这样的水平菜单：
https://i.stack.imgur.com/jccZD.jpg
选项卡应该有一个活动/悬停的颜色和javascript是可以的。应该在ie8+上工作
通常的章节>ul>li>一个HTML结构。
我环顾四周，找不到任何例子。这可能/明智吗？还是我应该告诉设计师回到绘图板上。
干杯
根据Hashem的建议，您可以使用CSS Triangle。您发布了一个代码笔，但注意到文本在<li>元素。在过去，我通过使左侧/右侧的填充与边界的填充相等并且不使用顶部/底部填充来克服这一问题。这使得文本适合<li>。
padding:0 50px 0 30px;
对不起，我是一个全新的用户，所以我无法评论，因此对现有线程有了新的"答案"。希望这能有所帮助！