css3盒子阴影box-shadow

盒子阴影使用css3的box-shadow属性

box-shadow: 0px 0px 0px 0px #ccc; 第一个值是x轴偏移 第二个值是y轴偏移 第三个值是阴影模糊值 第四个值是阴影外延值 第五个值是阴影颜色

div {margin: 100px auto;width: 100px;height: 100px;box-shadow: 1px 1px 1px 1px #ccc;
}<div></div>

以上代码实现以下效果：