CSS3属性box-shadow怎么用

这篇文章给大家分享的是有关CSS3属性box-shadow怎么用的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。

常用的CSS3属性：box-shadow，表示阴影，如果设置了border-radius圆角，则阴影也是圆角

box-shadow目前是IE9及以上和其他现代浏览器都支持的属性了。

语法：

Formal syntax: none | [inset? && [ <offset-x> <offset-y> <blur-radius>? <spread-radius>? <color>? ] ]#

取值：

inset: 表示阴影在边框内部（即使是无边框），在背景之上，内容之下；

offset-x 和 offset-y: 偏移量，正值表示向左和向下；

blur-radius: 模糊半径，默认0，不能为负值；

spread-radius: 取正值阴影扩大，取负值缩小，默认为0.

color: 颜色，所未定义则由浏览器确定。

感谢各位的阅读！关于“CSS3属性box-shadow怎么用”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！