●  box-shadow 是 CSS3 规范中出现的一个属性, 用于在元素周围创建一个阴影效果.

● 通过属性值来设置阴影效果, 也可以给一个元素设置多个阴影效果

● 阴影 : 一个和原始元素一样大小的影子内容, 并且默认和原始元素重叠在一起

属性值详解

全部属性值

horizontal offset

vertical offset

blur radius

spread radius

color

inset

多阴影

● 一个元素也可以设置多个阴影, 每一组属性值之间使用逗号分隔开就好

box-shadow:

[h] [v] [blur] [spread] [color] [inset],

[h] [v] [blur] [spread] [color] [inset],

[h] [v] [blur] [spread] [color] [inset];

● 这样一来, 这个元素就有三个阴影了