CSS3的
box-shadow属性用于为元素添加阴影效果。其基本语法如下：，，``css，box-shadow: [水平偏移量] [垂直偏移量] [模糊半径] [扩展半径] [颜色];，`，，以下代码将为一个元素添加一个向右下偏移、有模糊效果和指定颜色的阴影：，，`css，box-shadow: 10px 5px 5px 0px #888888;，``CSS3 box-shadow 属性详解
box-shadow是CSS3中新增加的一个属性，用于设置盒子阴影效果，利用box-shadow可以让盒子产生阴影效果，使得页面在视觉上更加立体感、美观。
语法
box-shadow: h-shadow v-shadow blur spread color inset;
| 参数 | 说明 |
| h-shadow | 水平方向上的阴影偏移量，可以是正数、负数、0 |
| v-shadow | 垂直方向上的阴影偏移量，可以是正数、负数、0 |
| blur | 阴影的模糊程度，可选，正数越大越模糊，0时完全清晰 |
| spread | 阴影的扩张程度，可选，正数时阴影扩张，负数时阴影收缩，0时不改变 |
| color | 阴影的颜色，可以采用各种CSS支持的颜色格式 |
| inset | 是否内阴影，省略时为外阴影 |
示例
1、普通阴影效果：
.box {
box-shadow: 10px 10px 10px #aaa;
}
2、内阴影效果：
.box2 {
box-shadow: inset 10px 10px 10px #ccc;
}
3、多个阴影效果：
.box3 {
box-shadow: 10px 10px 10px #000, -10px -10px 10px #fff;
}
4、设置扩张程度：
.box4 {
box-shadow: 10px 10px 10px 20px #aaa;
}
5、高级用法：
.box5 {
box-shadow: 5px 5px 10px 10px #000, -5px -5px 10px 10px #fff, inset 5px 5px 10px 10px #f00;
}
相关问题与解答
1、问题1：如何实现元素的多重阴影效果？
答：可以通过使用逗号分隔多个阴影效果来实现，每个阴影效果之间用逗号分隔，
.box6 {
box-shadow: 10px 10px 10px #000, -10px -10px 10px #fff, inset 5px 5px 10px 10px #f00;
}
2、问题2：如何设置元素的内阴影？
答：在内阴影的参数中添加inset关键字即可。
.box7 {
box-shadow: inset 10px 10px 10px #ccc;
}
到此，以上就是小编对于“box-shadow怎么用？CSS3 box-shadow 属性”的问题就介绍到这了，希望介绍的几点解答对大家有用，有任何问题和不懂的，欢迎各位朋友在评论区讨论，给我留言。