CSS3盒阴影实例_HTML5中文网 - 我们以促进HTML5在中国的普及而努力
2014-01-10 12:54:53
[小 大]
已经帮助：人解决问题
CSS3支持一种新的“阴影”属性，可以在网页中的元素加上阴影效果，例如图片，Div，SPAN。该功能支持Firefox3.5，Safari 3.1 +，和谷歌浏览器。IE浏览器一直支持通过其pripoertary“阴影”过滤器做出简单的阴影。而现在我们可以方便地支持CSS3浏览器上添加阴影效果。
box-shadow语法格式：
box-shadow: <horizontal> <vertical> <blur> <color>
各属性值解析:
horizontal（水平）：指定水平偏移阴影。正值（即：5px）阴影向右，而为负值（即：- 10px）将使它向左。
vertical（垂直）：指定垂直偏移阴影。正值（即：5px）会使阴影在框的底部，而负值（即：- 10px）将使它向左。
blur(模糊)：设置的柔化半径。默认值为0，这意味着没有模糊。正值增加了模糊，而负值，实际上缩小了阴影。此属性默认为0。
clolor(颜色)：颜色值,也就是设置阴影颜色。
（责任编辑：）
