容器阴影 box-shadow
例:box-shadow:1px 2px 30px 40px rgba(255,255,255,0.8) inset;
说明:
h-shadow 1px 必须 水平阴影的位置,默认值为0,正值在容器的右边,负值在左边;v-shadow 2px 必须 垂直阴影的位置,默认值为0,正值在容器的下边,负值在上边;
blur 30px 可选 模糊距离,默认值为0,只能是正值;
spread 40px 可选 阴影的尺寸,默认值为0,正值变大,负值变小;
color rgba(255,255,255,0.8) 可选 阴影颜色 默认为黑色;
inset 可选 将外部阴影(outset) 改为内部阴影 默认是outset;
//<img/>的inset无效,outset有效//
一个容器可设置多个阴影,它们之间用逗号隔开;先写的在最上层;
例:box-shadow:0px 0px 0px 40px rgba(255,255,255,0.8) ,10px 10px 0px 10px green;
后写的绿色的阴影将被白色的挡住;