详解CSS3的图层阴影和文字阴影效果使用

box-shadow图层阴影

box-shadow:阴影类型 X水平偏移(可取正负值) Y垂直偏移(可取正负值) 阴影大小 阴影扩展 阴影颜色值
阴影类型可以省略，默认为外投影，当它的值为inset时，为内阴影效果。
X水平偏移和Y垂直偏移可取正负值，当X为负值是投影在左边，为正时投影在右边。当Y为负值时投影在上面，为正时投影在下面。
阴影大小和扩展与ps里面的原理一样。

浏览器兼容性：
不同的浏览器兼容性不同，mozilla内核的浏览器写法如下（但新版本的火狐浏览器已经不需要再添加）：
-moz-box-shadow:阴影类型 X水平偏移(可取正负值) Y垂直偏移(可取正负值) 阴影大小 阴影扩展 阴影颜色值
webkit内核的浏览器写法如下：
-webkit-box-shadow:阴影类型 X水平偏移(可取正负值) Y垂直偏移(可取正负值) 阴影大小 阴影扩展 阴影颜色值

实例一：

发表评论 共有条评论 用户名: 密码: 验证码: 匿名发表