设置内部阴影:

  1. box-shadow:1px 2px 3px 4px #ccc inset;

以上六个值的含义: 1px 从原点开始,沿x轴正方向的长度(倘若为负值,为沿x轴负方向的长度); 2px 从原点开始,沿y轴正方向的长度;(倘若为负值,为沿y轴负方向的长度); 3px 阴影的模糊度,只允许为正值; 4px 阴影扩展半径;

ccc 阴影颜色;

inset 设置为内阴影(如果不写这个值,默认为外阴影);

四个方向设置不同阴影:

  1. box-shadow: 0px -10px 0px 0px #ff0000, /*上边阴影 红色*/
  2. -10px 0px 0px 0px #3bee17, /*左边阴影 绿色*/
  3. 10px 0px 0px 0px #2279ee, /*右边阴影 蓝色*/
  4. 0px 10px 0px 0px #eede15; /*下边阴影 黄色*/