CSS3中可以使用box-shadow属性给盒子添加阴影效果。box-shadow属性可以为盒子添加一个或多个阴影效果，可以设置阴影的颜色、位置、模糊度和扩展程度等。
要给盒子添加阴影效果，可以使用以下代码：
.box {
box-shadow: h-shadow v-shadow blur spread color;
其中，各个属性的含义如下：
- h-shadow：水平阴影的位置，可以是正值（向右偏移）或负值（向左偏移）。
- v-shadow：垂直阴影的位置，可以是正值（向下偏移）或负值（向上偏移）。
- blur：阴影的模糊度，可以是正值（模糊效果）或零（无模糊效果）。
- spread：阴影的扩展程度，可以是正值（扩大阴影）或负值（缩小阴影）。
- color：阴影的颜色，可以使用颜色名称、十六进制值或RGB值。
例如，要给一个盒子添加一个向右下方偏移的黑色阴影，模糊度为5px，扩展程度为10px，可以使用以下代码：
.box {
box-shadow: 5px 5px 5px 10px black;
通过调整这些属性的值，可以实现不同的阴影效果。还可以使用逗号分隔多个阴影效果，实现更加复杂的效果。
希望以上内容能够帮助你理解如何在CSS3中给盒子添加阴影效果。如果还有其他问题，请随时提问。
千锋教育拥有多年IT培训服务经验，开设Java培训、web前端培训、大数据培训，python培训、软件测试培训等课程，采用全程面授高品质、高体验教学模式，拥有国内一体化教学管理及学员服务，想获取更多IT技术干货请关注千锋教育IT培训机构官网。
京公网安备 11010802030320号