div {box-shadow: -10px -8px 6px #444}
box-shadow: -10px -8px 6px #444;（左上阴影）
box-shadow: -10px 8px 6px #444;（右上阴影）
box-shadow: -10px 8px 6px #444;（左下阴影）
box-shadow: 10px 8px 6px #444;（右下阴影）
box-shadow: box-shadow: 10px 8px #444;（右下阴影，不指定模糊程度）
box-shadow: 10px 8px 20px #444;（右下阴影、增大模糊程度）
box-shadow: 10px 8px 10px -10px red;（右下阴影、缩小阴影区域）
box-shadow: 10px 8px 20px 15px red;（右下阴影、放大阴影区域）
- 外阴影常规效果
box-shadow:5px 5px rgba(0,0,0,.6);
- 外阴影模糊效果
box-shadow:5px 5px 5px rgba(0,0,0,.6);
- 外阴影模糊外延效果
box-shadow:5px 5px 5px 10px rgba(0,0,0,.6);
- 内阴影效果
box-shadow:2px 2px 5px 1px rgba(0,0,0,.6) inset;
- 外阴影模糊效果
box-shadow:5px 5px 5px rgba(0,0,0,.6);