box-shadow是向盒子添加阴影。支持添加一个或者多个。
很简单的一段代码，就实现了投影效果，酷毙了。我们来看下语法：
box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];
参数介绍：
注意：inset 可以写在参数的第一个或最后一个，其它位置是无效的。
为元素设置外阴影：
示例代码：
.box_shadow{ box-shadow:4px 2px 6px #333333; }
效果：
为元素设置内阴影：
示例代码：
.box_shadow{ box-shadow:4px 2px 6px #333333 inset; }
效果：
添加多个阴影：
以上的语法的介绍，就这么简单，如果添加多个阴影，只需用逗号隔开即可。如：
.box_shadow{
box-shadow:4px 2px 6px #f00, -4px -2px 6px #000, 0px 0px 12px 5px #33CC00 inset;
}
效果：
在右侧编辑器中的第10行，为div添加两个不同的阴影，一个外部阴影，一个内部阴影。
备注:这一小节没有正确性验证，请查看结果窗口，从而判断输入代码是否正确。
还记得吗：
1、多个阴影用逗号隔开；
2、投影方式默认（省略时）为外部（outset）；
3、内部阴影设置inset即可。inset 可以写在参数的第一个或最后一个，其它位置是无效的。
请验证，完成请求
由于请求次数过多，请先验证，完成再次请求
打开微信扫码自动绑定
绑定后可得到
使用 Ctrl+D 可将课程添加到书签
举报