在CSS2中，要弄阴影效果几乎要靠图片完成
在CSS3中，阴影只需要一句话，并且文字也可以加上阴影
box-shadow
语法
box-shadow: none|h-offset v-offset blur spread color |inset|initial|inherit;
Code
div {
box-shadow:5px 6px 3px #999;
}
以上代码即可给页面所有div加上阴影效果。现在来解析下各个参数的使用
- 第一个参数
5px，代表上下偏移，正数往下，负数往上，值越大偏移距离越大 - 第二个参数
6px，代表左右偏移，正数往右，负数往左，值越大偏移距离越大 - 第三个参数
3px，代表模糊程度，值越大，越模糊 - 第四个参数
#999，代表阴影颜色
以上是盒子类型阴影，文字也可以加上阴影效果
text-shadow
用法跟盒子阴影一样
语法
text-shadow: h-shadow v-shadow blur-radius color|none|initial|inherit;
Code
p {
text-shadow:1px 1px 1px #ccc;
}
使用阴影效果功能可以做出许多效果，并且省事很多，不再需要图片。特变是文字阴影，如果搭配得当甚至可以做出凸印的效果
