CSS中给圆角添加阴影

css中给圆角添加阴影的写法,直接上代码

border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);

box-shadow属性的参数设置分别为:x轴偏移量  y轴偏移量  阴影模糊半径  阴影颜色
得出效果如何所示:
CSS中给圆角添加阴影_第1张图片

有些时候,box-shadow有五个参数,分别代表:x轴偏移量  y轴偏移量  阴影模糊半径  阴影扩展半径  阴影颜色。
可以根据自己的需要做相应的修改。

你可能感兴趣的:(web前端)