文件名称: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; }