【文件属性】:
文件名称:CSS3实现网页立体导航
文件大小:2KB
文件格式:HTML
更新时间:2018-04-06 16:48:03
CSS3、HTML5
使用CSS3实现的网页立体导航条,
position: relative;
display: inline-block;
padding: 0 30px;
font-size: 15px;
text-shadow: 1px 2px 4px rgba(0,0,0,.5);
/*设置字体向x轴偏移1px y轴偏移6px 阴影模糊半径为3px 设置rgb颜色值以及半透明效果*/
list-style: none outside none;
}
.nav li:after{
content: "";
position: absolute;
top: 20px;
right: 0;
width: 1px;
height: 15px;
background: linear-gradient(to bottom,#f82f87,#b0363f,#f82f87);
}
.nav li:last-child:after{
width: 0;
height: 0;
}