CSS3属性box-shadow如何使用指南

发布时间：2023-01-18 15:07:58 来源：网络

.

智者创造机会，强者把握机会，弱者坐等机会。才能是来自独创性。独创性是思维观察明白和决定的一种独特的方式。

今天比较忙，没能好好看新东西，就记录一个常用的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如何使用指南就介绍到这了。青春是一场泅渡，如履薄冰，战战兢兢我们却要把持住那些岌岌可危的惶恐，毅然朝梦里花开的暖季前行。更多相关CSS3属性box-shadow如何使用指南内容请查看相关栏目，小编编辑不易，再次感谢大家的支持！

以下您可能有感兴趣的文章:

标签： box shadow