/*制作圆*/
border-radius:10px;
/*制作导航立体风格*/
box-shadow:7px 6px 8px 3px #b64b41;
/*使用伪元素制作导航列表项分隔线*/
.nav li{ background:linear-gradient(to bottom,#f65f57,#a82724,#f65f57) no-repeat right / 2px 20px;}
/*删除第一项和最后一项导航分隔线*/
.nav li:last-child{background:none;}
border-radius:10px;
/*制作导航立体风格*/
box-shadow:7px 6px 8px 3px #b64b41;
/*使用伪元素制作导航列表项分隔线*/
.nav li{ background:linear-gradient(to bottom,#f65f57,#a82724,#f65f57) no-repeat right / 2px 20px;}
/*删除第一项和最后一项导航分隔线*/
.nav li:last-child{background:none;}
2017-07-04
/*制作圆*/
border-radius:10px;
/*制作导航立体风格*/
box-shadow:0 30px 100px #000;
/*使用伪元素制作导航列表项分隔线*/
.nav li{
background:linear-gradient(to bottom,#fff,green,pink) no-repeat left/1px 15px;
}
/*删除第一项和最后一项导航分隔线*/
.nav li:first-child{
background:none;
}
border-radius:10px;
/*制作导航立体风格*/
box-shadow:0 30px 100px #000;
/*使用伪元素制作导航列表项分隔线*/
.nav li{
background:linear-gradient(to bottom,#fff,green,pink) no-repeat left/1px 15px;
}
/*删除第一项和最后一项导航分隔线*/
.nav li:first-child{
background:none;
}
2017-07-03