首页 >

css给导航加上阴影 |淘宝浮动css

外接css格式,css设置样式高度,css复选框打钩,高质量css规范,css怎么使用样式表,css中如何画虚线边框,淘宝浮动csscss给导航加上阴影 |淘宝浮动css
nav {
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
}

上述代码中,大家使用了box-shadow属性来实现阴影效果。其中第一个参数是水平偏移量,第二个参数是垂直偏移量,第三个参数是阴影的模糊半径,最后一个参数是阴影的颜色。

nav {
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
}

由于不同浏览器支持的box-shadow属性不尽相同,为了兼容不同的浏览器,大家可以使用前缀来指定各自对应的box-shadow属性。

通过上面的代码,大家已经成功为导航条添加了阴影效果。现在,你可以根据自己的需要调整box-shadow属性的参数,让它看起来更加漂亮。


css给导航加上阴影 |淘宝浮动css
  • css3 页脚卷起效果 |css 指定图片大小
  • css3 页脚卷起效果 |css 指定图片大小 | css3 页脚卷起效果 |css 指定图片大小 ...

    css给导航加上阴影 |淘宝浮动css
  • css动画有几种形式 |css在线代码格式化
  • css动画有几种形式 |css在线代码格式化 | css动画有几种形式 |css在线代码格式化 ...

    css给导航加上阴影 |淘宝浮动css
  • css中 角度怎么写 |css 边框样式
  • css中 角度怎么写 |css 边框样式 | css中 角度怎么写 |css 边框样式 ...