我正在尝试在合适的地方使用 css 形状而不是图像。
<li>目前我的目标是在我的链接末尾添加一个白色三角形，如下所示：
这是一个 JSFiddle供您调整。
我已经使用它一段时间了，但作为一个新手开发人员，我一直无法找到一种方法！导航栏的内容位于 css 和 html 的底部。我试图通过在可能的情况下使用 em 和 percent 来保持结果的响应性，实际上这个三角形的高度需要与 nav_option 类相同（如果文本被窗口调整到下一行，它的高度可以加倍）
有什么建议/解决方案吗？非常感激！
编辑：如果由于我的相对字体大小而无法做到这一点，那么请详细说明替代解决方案？建议使用 Javascript 很有帮助，但对于像我这样的新手来说有点含糊。