css之box-shadow

 box-shadow: h-shadow   v-shadow   blur   spread   color   inset;

以上六个值的含义：         h-shadow   水平阴影的位置，允许负值；

　　　　　　　　　　　  v-shadow   垂直阴影的位置，允许负值；

　　　　　　　　　　　  blur             阴影模糊程度；

　　　　　　　　　　　  spread        阴影扩展尺寸；

　　　　　　　　　　　  color           阴影颜色；

　　　　　　　　　　　  inset           设置为内阴影（默认为外阴影）；

例如：

往左—第一个值为负     box-shadow:-20px 0 2px 0 red;

往右—第一个值为正     box-shadow:20px 0 2px 0 red;  

往上—第二个值为负     box-shadow:0 -20px 2px 0 red; 

往下—第二个值为正    box-shadow:0 20px 2px 0 red;

 

在Chrome可以快速设置，并且可以实时看到效果