起初来看语法：
值
阐明
h-shadow
必须的。水准阴影的位置。准许负值
v-shadow
必须的。笔直阴影的位置。准许负值
blur
可选。模糊间隔
spread
可选。阴影的巨细
color
可选。阴影的颜色。在CSS颜色值寻找颜色值的完备列表
inset
可选。从外层的阴影（开始时）改变阴影内侧阴影
box-shadow最少为两个参数：即h-shadow和v-shadow，各人可以理解为x和y轴的观点。
向元素增添单个 box-shadow 效益时运用以下原则：
当给出两个、三个或四个 <length>值时。
如果只给出两个值, 那么这两个值将会被当作 <offset-x><offset-y> 来阐明。
如果给出了第三个值, 那么第三个值将会被当作<blur>阐明。
如果给出了第四个值, 那么第四个值将会被当作<spread>来阐明。
可选，inset关键字。
可选，<color>值。
完备次序
这里只设立了必须的两个参数，设立阴影为10px，没有配景色则默许为玄色，留意这两个参数如果设立为负数，则是相悖的偏向浮现阴影,以下：
blur参数
此参数用来设立模糊间隔，不能为负数。
spread参数
此参数用来设立阴影的巨细。
color参数
此参数设立阴影的颜色。
inset参数
此参数设立阴影向内。
留意内阴影对图片无效的，所以我用div代替。
1.如果想要全部边缘都要阴影元素，干脆把x和y设立为0便可。
2.一个元素可应用多个阴影效益。
3.镂空效益
效益：
如果喜欢我的文章，请大家多多“关注”我吧，第一时间获取最新资讯！