阴影效果是增加我们网页元素特点的技术之一，CSS3的出现让这一切变得非常简单。今天介绍下边框阴影的方法。

	-webkit-box-shadow: 0px 0px 15px #ccc;/*webkit核心*/
	-moz-box-shadow: 0px 0px 15px #ccc;/*firefox核心*/
	box-shadow: 0px 0px 15px #ccc;/*IE核心*/

上面3个都是实现同一效果的，只是针对不同的浏览器内核。大家可以看到里面有3个参数。第一个表示阴影在X轴的偏移量，第一个表示在Y轴的偏移量，第三个参数是模糊值，值越大模糊度也就越高，范围也会相应扩大。

使用代码：

.xTest{
	-webkit-box-shadow: 2px 0px 5px #000;
	-moz-box-shadow: 2px 0px 5px #000;
	box-shadow: 2px 0px 5px #000;
}
.yTest{
	-webkit-box-shadow: 0px 2px 5px #000;
	-moz-box-shadow: 0px 2px 5px #000;
	box-shadow: 0px 2px 5px #000;
}
.xyTest{
	-webkit-box-shadow: 2px 2px 5px #000;
	-moz-box-shadow: 2px 2px 5px #000;
	box-shadow: 2px 2px 5px #000;
}
.xyNoTest{
		-webkit-box-shadow: 0px 0px 5px #000;
	-moz-box-shadow: 0px 0px 5px #000;
	box-shadow: 0px 0px 5px #000;
}
.shadowTest{
		-webkit-box-shadow: 0px 0px 15px #000;
	-moz-box-shadow: 0px 0px 15px #000;
	box-shadow: 0px 0px 15px #000;
}