代码 复制 - 运行

box-shadow: #666 0px 0px 10px;



box-shadow的四个参数：
x-offset                         x轴偏移
y-offset                         y轴偏移
blur                          　　模糊值
color of shadow               阴影颜色
下面来看一个例子，代码如下：

代码 复制 - 运行

<!DOCTYPE html>
<html>
<head>
<title>盒子阴影</title>
<meta charset="utf-8" />
<style>
.box {
    width:300px;
    height:300px;
    background-color:#fff;
    
    /* 设置阴影 */
    -webkit-box-shadow:1px 1px 3px #292929;
    -moz-box-shadow:1px 1px 3px #292929;
    box-shadow:1px 1px 3px #292929;
}
</style>
</head>
<body>
<div class="box">
<br /><br /><br /><br />
看，是不是很有立体感？没有设置边框啊。
</div>
</body>
</html>