这个效果一开始我是在华为商城页面上看到的，刚开始还以为挺复杂，实现的时候还有点没头绪。不过，还好有百度，借此记录一下我在导航条上应用的实现方法。
主要是借助了伪元素，代码如下：
<div class="nav"> <ul class="nav_items"> <li class="nav_item">菜单一</li> <li class="nav_item">菜单二</li> <li class="nav_item">菜单三</li> <li class="nav_item">菜单四</li> <li class="nav_item">菜单五</li> </ul> </div>