1、使用伪类制作导航菜单分割线
/*使用伪元素制作导航列表项分隔线*/
.nav li:before {
content:'';
background-color:#000;
width:1px;
height:20px;
position:absolute; //父元素
left:-1px;
top:15px;
background-image:linear-gradient(to top,#f65f57,#993333,#f65f57); //渐变
}
/*删除第一项导航分隔线*/
.nav li:first-child::before {
display:none;
}