box-shadow

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;