Javascript 如何使用css制作带箭头的导航栏？

我能够使用以下代码设计导航选项卡：

<div class="container-fluid">
    <ul class="nav nav-pills">
        <li class="active"><a href="#tab1">tab1</a></li>
        <li><a href="#tab2">tab2</a></li>
        <li><a href="#tab3">tab3</a></li>
    </ul>
</div>

但我希望我的标签在右边有箭头，如图所示。我会很高兴，如果有人能帮我什么是css的这一点。谢谢

---

我认为这种设计模式真是一种面包屑。谷歌出现的第一件事是：。我并不特别喜欢W3学校，但这是一个很好的起点，然后你可以从那里开始玩w/风格

---

至于箭头，你可能想查看“使用前”和“使用后”这不是一个如何使用的论坛。如果你不擅长CSS，我建议你寻找面包屑库，因为复制/粘贴不是一件容易的事情。