基本用法：

{

width:300px;

height:100px;

background-color:#ff9900;

-moz-box-shadow: 10px 10px 5px #888888; /* 老的 Firefox */

box-shadow: 10px 10px 5px #888888;（水平距离、垂直距离、模糊距离、颜色）

}

效果图：

代码：box-shadow: 0 0 0 10px #888888;

效果图：

特点：支持逗号分隔语法，可创建任意数量的投影,甚至可以加常规投影。

代码：box-shadow: 0 0 0 10px #888888,

                      0 0 0 15px pink,

                      0 0 0 20px red;

效果图：

注意：投影产生的边框不影响布局，但可通过内边距或外边距模拟投影所需要的占据的空间。