shadow
常用的阴影: box-shadow 、 text-shadow
官方格式: <shadow> = inset? && <length>{2,4} && <color>?
小技巧(如果官方文档中使用 &&
, 那么属性值跟顺序是没有关系的)
- inset? : 表示inset可以写可以不写,使用inset就是内阴影,不使用就是外阴影 (实用:一般就是外阴影)
- length{2,4}表示可以取2-4个数字
- 第一个length表示: 水平偏移 (水平方向上的偏移 正数向右 )
- 第二个length表示: 垂直偏移 (垂直方向上的偏移 正数向下 )
- 第三个length表示 : 模糊半径(blur radius) (模糊的程度,0 表示不模糊)
- 第四个length表示: 延伸距离 ( 在原来的基础上继续增加的阴影的距离(不是偏移的方向,而是所有的方向)
? : 表示可以写相应的颜色,也可以不写(那默认就是black)