本文详细介绍了CSS中的盒阴影(box-shadow)属性用法，包括基本语法、如何定义阴影的位置、大小及颜色，同时还解释了'inset'关键字的作用。通过实例展示了不同参数组合的效果，并提供了浏览器兼容性的说明。
1、盒子阴影样式单词：box-shadow
2、语法
- div{box-shadow:0 0 1px #000 inset;}
代表边框间距靠左0 靠上0 和1px阴影范围 阴影颜色为黑色（#000），有inset 代表框内阴影 ，不带inset 代表框外阴影。
注意：
box-shadow:0px 0px 1px #000
第1个值为0时，代表左右边框阴影 为1px范围
第1个值为正整数 代表 左边框阴影
第1个值为负整数 代表 右边框阴影
同理
第2个值为0 代表上下边框阴影
第2个值为正整数 代表1px阴影距离上边框多少
第1个值为负整数 代表下边框阴影设置
3、对象阴影语法分析图
对象阴影box-shadow样式分析图
4、浏览器兼容图
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
