如何使用CSS将导航栏更改为选项卡？

我想将导航栏更改为使用CSS的选项卡，我知道我可以使用angular-ui，但我想使用CSS来实现此功能。任何帮助将在这方面赞赏。如何使用CSS将导航栏更改为选项卡？

main.html中

<nav class="navbar navbar-default"> 
    <div > 
     <div class="collapse navbar-collapse"> 
      <ul class="nav navbar-nav"> 
       <li ui-sref-active="active"><a ui-sref="app.dit">DIT</a></li> 
       <li ui-sref-active="active"><a ui-sref="app.st">ST</a> 
       <li ui-sref-active="active"><a ui-sref="app.uat">UAT</a></li> 
       <li ui-sref-active="active"><a>PROD</a></li> 
      </ul> 
     </div> 
    </div> 
</nav>

来源

2016-09-15 hussain