●? box-shadow 是 CSS3 規(guī)范中出現(xiàn)的一個屬性, 用于在元素周圍創(chuàng)建一個陰影效果.

●?通過屬性值來設置陰影效果, 也可以給一個元素設置多個陰影效果

●?陰影 : 一個和原始元素一樣大小的影子內(nèi)容, 并且默認和原始元素重疊在一起

屬性值詳解

全部屬性值

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];

●?這樣一來, 這個元素就有三個陰影了