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属性的参数,让它看起来更加漂亮。