关于box-shadow的问题

来源:2-5 汉克狗的眼球

慕婉清5296191

2019-09-06 21:54:46

{box-shadow:1px 2px 3px 4px inset}第一个里面的第一个数字代表左边内部边框阴影第二个代表上面边框阴影,之后的两个代表什么,第三个是代表透明的全部边框阴影吗,第四个是全部边框不透明阴影对吗,那右边的边框和下面的边框单独设置阴影怎么设置。

写回答

1回答

好帮手慕糖

2019-09-07

同学你好,1、不是的哦,第一个表示水平阴影,第二个表示垂直阴影,第三个是模糊距离,第四个是阴影的尺寸。可以参考如下:

box-shadow:h-shadow v-shadow blur spread color inset;

其中有逗号分隔的阴影列表,每个阴影有2-4个长度值、可选的颜色值以及可选的inset关键次来规定。省略长度的值是0.
h-shadow:必需,水平阴影的位置
v-shadow:必需,垂直阴影的位置
blur:可选,模糊距离
spread:可选,阴影的尺寸
color:可选,阴影的颜色
inset:可选,将外部的阴影(outset)改为内部阴影;

2、box-shadow:阴影水平偏移值(可取正负值); 阴影垂直偏移值(可取正负值);

正值的时候,沿x(y)轴正方向的长度(就是右方向和下方);

负值的时候,沿x(y)轴负方向的长度(就是左方向和上方);

例:

http://img.mukewang.com/climg/5d7317ca00010e0a06220393.jpg

http://img.mukewang.com/climg/5d7317d7000147b802780231.jpg

希望能帮助到你,祝学习愉快!

0

0 学习 · 40143 问题

查看课程