box-shadow的使用方法如下:
box-shadow:h-shadow v-shadow blur spread color( outset/inset)
h-shadow:水平方向上的偏移量(向右为正,左为负)
v-shadow:垂直方向上的偏移量(向下为正,向上为负)
blur:模糊半径(可选)
spread:阴影的大小(可选)
color:阴影的颜色(可选)
outset外部阴影(默认)/inset内部阴影
1.一个好看的box-shadow效果
box-shadow:0 8px 16px 0 rgba(7,17,27,.1)
2.四边box-shadow:
box-shadow: 0px 2px 3px #fff, 2px 0px 3px #fff, 0px -2px 3px #fff, -2px 0px 3px #fff;