Loading... ``` box-shadow: 10px 10px 20px #e1fbc4; ``` ![image.png](http://blog.11dz.cn/usr/uploads/2021/03/3887891534.png) ## 属性定义及使用说明 box-shadow属性可以设置一个或多个下拉阴影的框。 | 默认值: | *none* | | :- | - | | 继承: | no | | 版本: | CSS3 | | JavaScript 语法: | *object*.style.boxShadow="10px 10px 5px #888888" | ## 语法 box-shadow: *h-shadow v-shadow blur spread color* inset; **注意:** boxShadow 属性把一个或多个下拉阴影添加到框上。该属性是一个用逗号分隔阴影的列表,每个阴影由 2-4 个长度值、一个可选的颜色值和一个可选的 inset 关键字来规定。省略长度的值是 0。 | 值 | 说明 | | :- | :- | | *h-shadow* | 必需的。水平阴影的位置。允许负值 | | *v-shadow* | 必需的。垂直阴影的位置。允许负值 | | *blur* | 可选。模糊距离 | | *spread* | 可选。阴影的大小 | | *color* | 可选。阴影的颜色。在CSS颜色值寻找颜色值的完整列表 | | inset | 可选。从外层的阴影(开始时)改变阴影内侧阴影 | 最后修改:2021 年 03 月 16 日 © 允许规范转载 打赏 赞赏作者 微信 赞 0 如果觉得我的文章对你有用,请随意赞赏
此处评论已关闭