设置元皮轿笑素帆敏的阴影效燃含果，具体查CS3手册
box-shadow:阴影类型 X轴位移 Y轴位移 阴影大小 阴影扩展 阴影颜色
box-shadow:inset x-offset y-offset blur-radius spread-radius color
(投影方式)(X轴偏移量)(Y轴偏移量)(阴影模糊半径亏李)(阴影扩展半径)(阴影颜色)
box-shadow:6px 6px 6px #292929;对应的值
inset———默认的情况下是外阴影，如果取其唯一值销旦迟"inset",就是将外阴影迟御变成内阴影，也就是说设置阴影类型为"inset"时，其投影就是内阴影
box-shadow: h-shadow v-shadow blur spread color inset; box-shadow 向框添加一个或多个阴影。该属性是由逗号分隔的消镇阴影列表，每个阴影由 2-4 个长度值、可选的颜色值以及可选的 inset 关键词来规定。省略长度首桥竖者大的值是 0。 值 描述 h-shadow 必...
例如box-shadow:10px
10px
5px
red;
第一个值是水平方向掘亮的阴影，正负号表示向右还是向左，判段宽
第二燃纯个值是垂直方向的阴影，正负号表示向上还是向下，
第三个值表示阴影的模糊程度
第四个值则是阴影的颜色
将box-shadow属性设置为，box-shadow: 0 0 0 0；
基本用法蔽岩毕，你看看
（1）投影，没有位移，没有扩展，有阴影，有阴影色彩
img{box-shadow:0 0 10px #ccc}
（2）投影，没有位移，有扩展，有阴影，有阴影色彩
img{box-shadow:0 0 10px 20px #ccc}
（3）内阴影，无位移，10px大小，没有扩展枣卖，有阴影色彩
img{box-shadow:inset 0 0 10px #ccc}
（4）多重阴影效果
img{box-shadow:-10px 0 10px red,box-shadow:10px 0 10px blue,box-shadow:0 -10px 10px yellow,box-shadow:0 10px 10px #ccc}
（5）使用多个阴影属性的顺序问题
img{box-shadow:0 0 10px green;box-shadow: 0 0 10px 20px yellow}
注意：先写的阴影显示在最里面，第二个阴影则显示在外面
注意：第二个阴影扩散的角度要宏芹大于第一个阴影，不然只显示第一个阴影，因为第二个被遮盖了
box-shadow:2px 3px 4px #CCC;一唯姿友个带册氏外阴影的元素，阴影指槐位置x轴偏移2px，y轴偏移3px，模糊范围4px，阴影颜色#CCCbox-shadow:inset 0 -4px #CCC;带内阴影的元素，阴影x轴不偏移，y向上移4px，颜色#CCC
以上就是土嘎嘎小编大虾米为大家整理的boxshadow的4个属性值_css/box-shadow属性语法相关主题介绍,如果您觉得小编更新的文章对您有所帮助，不要忘记讲本站分享给您身边的朋友哦！！