盒子阴影（CSS3新增）

语法：

box-shadow: 水平位置  垂直位置  模糊距离  阴影尺寸扩大/缩小阴影  阴影颜色  内/外阴影;

值	描述
h-shadow	必需。水平阴影的位置，允许负值
v-shadow	必需。垂直阴影的位置，允许负值
blur	可选。模糊距离，阴影的虚实
spread	可选。阴影的尺寸，阴影的大小
color	可选。阴影的颜色，可以采用rgba实现半透明
inset	可选。将外部阴影（outset）改为内部阴影

水平阴影的位置：阴影在x轴上移动的位置，正值阴影向右移动，负值阴影向左移动。

垂直阴影的位置：阴影在y轴上移动的位置，正值阴影向下移动，负值阴影向上移动。

模糊距离：数值越大，阴影越模糊，数值越小阴影越清晰，数值为0时就像克隆了一个盒子在下方的效果。

以下就是模糊距离为0的效果：

ps：1.默认的是外阴影，但是不可以写outset这个单词否则导致阴影无效。

2.盒子阴影不占用空间，不会阴影其他盒子排列

文本阴影（CSS3新增）

语法：

text-shadow: 水平位置  垂直位置  模糊距离    阴影颜色;

值	描述
h-shadow	必需。水平阴影的位置，允许负值
v-shadow	必需。垂直阴影的位置，允许负值
blur	可选。模糊距离，阴影的虚实
color	可选。阴影的颜色，可以采用rgba实现半透明