Comment puis-je faire une barre de navigation fléchée en utilisant css?

Question

Je suis en mesure de concevoir des onglets nav en utilisant le code:

<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> 

Mais je veux que mon design onglets avec des flèches à droite comme dans l'image. Je serai heureux si quelqu'un peut m'aider quel est le css pour ceci. Merci.

Answer 1

Ce modèle de conception est vraiment un "fil d'Ariane". la première chose qui apparaît dans google est: how to css breadcrumb. Je n'aime pas particulièrement w3schools, mais c'est un bon point de départ, alors vous pouvez simplement jouer avec les styles à partir de là.

En ce qui concerne les flèches, vous pouvez vouloir vérifier CSS Triangle generator