text-shadow与box-shadow

【语法】：

​text-shadow:  X-Offset   Y-Offset   blur   color;

X-Offset：表示阴影的水平偏移距离，其值为正值时阴影向右偏移，反之向左偏移；

Y-Offset：是指阴影的垂直偏移距离，如果其值是正值时，阴影向下偏移，反之向上偏移；

Blur：是指阴影的模糊程度，其值不能是负值，如果值越大，阴影越模糊，反之阴影越清晰，如果不需要阴影模糊可以将Blur值设置为0；

Color：是指阴影的颜色，其可以使用rgba色。

举个栗子：text-shadow: 0 1px 1px #fff

【语法】：

​box-shadow: X-shadow   Y-shadow   blur   spread   color   inset;

X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];

有四个值和text-shadow是相同的，不同的是扩展半径和投影方式。

投影方式有两个值可以确定 默认是outset（外部阴影） 和 inset（内部阴影）

可以添加多个阴影：如果添加多个阴影，只需用逗号隔开即可。

再举个栗子：.box_shadow{box-shadow:4px 2px 6px #f00, -4px -2px 6px #000, 0px 0px 12px 5px #33CC00 inset;}