CSS3属性box-shadow怎么用

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

成都创新互联 - 服务器托管雅安，四川服务器租用，成都服务器租用，四川网通托管,绵阳服务器托管，德阳服务器托管，遂宁服务器托管，绵阳服务器托管，四川云主机，成都云主机，西南云主机，服务器托管雅安，西南服务器托管，四川/成都大带宽，成都机柜租用，四川老牌ＩＤＣ服务商

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

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

语法：

Formal syntax: none | [inset? && [ ? ? ? ] ]#

取值：

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

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

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

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

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

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

当前文章：CSS3属性box-shadow怎么用
本文链接：http://scjbc.cn/article/jpjdji.html