其实我的方法有点投机 不过效果达到了 蛮简单的

        .nav{    
         /*制作圆*/   
         border-radius:8px;   
          /*制作导航立体风格*/
          box-shadow:0px 5px #BF3D21;
        }

        /*使用伪元素制作导航列表项分隔线*/
            .nav li:after{
                content:'\2002';
                border-right:1px solid #BF3D21;                
            }
        
        /*删除第一项和最后一项导航分隔线*/
        .nav li:last-child:after{
            border-right:1px solid #f65f57;            
        }