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