css中下边阴影怎么写 |css清空默认

.box{
box-shadow: 0px -3px 5px 0px rgba(0,0,0,0.3);
}

如上所示的代码就是实现下边阴影效果的核心代码了。大家通过设置box-shadow属性，来实现这个效果。在这个属性中，大家依次设置了四个值，分别代表了下边阴影的位置偏移量、模糊半径、阴影扩散半径和阴影颜色透明度。

其中，下边阴影的位置偏移量设置为0px，表示阴影直接放置在目标元素的下方；模糊半径设置为3px，可以让阴影变得更柔和；阴影扩散半径设置为5px，可以让阴影扩散到目标元素下方一定的范围内，增强了视觉效果；最后一个参数rgba(0,0,0,0.3)则是颜色透明度，实现阴影颜色的不透明度效果。

.box{
-webkit-box-shadow: 0px -3px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px -3px 5px 0px rgba(0,0,0,0.3);
box-shadow: 0px -3px 5px 0px rgba(0,0,0,0.3);
}

当然，为了跨浏览器兼容性，大家还需要设置一些浏览器私有前缀的属性值，将box-shadow分别设置给不同的私有前缀即可。如上所示的CSS代码就是完整的下边阴影效果的实现方式。

总的来说，下边阴影效果可以让网页看起来更加美观、有层次感，这个效果在许多网站设计中都非常常见，大家只需要设置一个简单的属性就可以实现，非常方便。