盒子阴影+文字阴影

盒子阴影

CSS3中新增了盒子阴影，我们可以使用 box-shadow 属性为盒子添加阴影。
语法：

box-shadow: h-shadow v-shadow blur spread color inset;

值	描述
h-shadow	必须。水平阴影的位置。允许负值。
v-shadow	必须。垂直阴影的位置。允许负值。
blur	可选。模糊距离。
spread	可选。阴影的尺寸。
color	可选。阴影的颜色。
inset	可选。将外部阴影（outset）改为内部阴影。

注意：

1. 默认的是外阴影（outset），但是不可以写这个单词，否则导致阴影无效。
2. 盒子阴影不占用空间，不会影响其他盒子排列。

文字阴影

在CSS3中，我们可以使用text-shadow属性将阴影应用于文本。
语法：

text-shaow: h-shadow v-shadow blur color;

值	描述
h-shadow	必须。水平阴影的位置。允许负值。
v-shadow	必须。垂直阴影的位置。允许负值。
blur	可选。模糊的距离。
color	可选。阴影的颜色。