CSS设置边框阴影效果

官方解释

     原点为基点，原点左侧为x轴负方向，值为负，右侧为正；原点下方为y轴正方向，值为正，上方为负。

     官方用语：     box-shadow:1px 2px 3px 4px #ccc inset；

      来分别看一下以上六个值的含义： 1px  从原点开始，沿x轴正方向的长度（倘若为负值，为沿x轴负方向的长度）；

　　　　　　　　　　　　　　　　　  2px  从原点开始，沿y轴正方向的长度；（倘若为负值，为沿y轴负方向的长度）；

　　　　　　　　　　　　　　　　　  3px  阴影的模糊度，只允许为正值；

　　　　　　　　　　　　　　　　　  4px  阴影扩展半径；

　　　　　　　　　　　　　　　　　  #ccc  阴影颜色；

　　　　　　　　　　　　　　　　　  inset  设置为内阴影（如果不写这个值，默认为外阴影）；