5. 阴影

1. 文本阴影 text-shadow

text-shadow: h-shadow(x) v-shadow(y) blur(模糊半径) color(颜色)

1. 水平偏移量 正值向右 负值向左

2. 垂直偏移量 正值向下 负值向上

3. 模糊半径是不能为负值

4. 可以有多个影子，用逗号隔开

5. 案例:浮雕文字

凹: text-shadow: -1px -1px 1px #000, 1px 1px 1px #fff;

凸: text-shadow: -2px -2px 1px #fff, 2px 2px 1px #000;

2. 盒子阴影 box-shadow

box-shadow: h-shadow(x) v-shadow(y) blur(模糊半径) spread(扩展半径) color(颜色) inset(是否内嵌,可省略)

1. 水平偏移量 正值向右 负值向左

2. 垂直偏移量 正值向下 负值向上

3. 模糊半径是不能为负值

4. 扩展半径用于增大或减小影子

5. 可以有多个影子，用逗号隔开

盒子阴影生成器

案例：拟物阴影