基本用法:
{
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;
效果图:
注意:投影产生的边框不影响布局,但可通过内边距或外边距模拟投影所需要的占据的空间。