给div加阴影CSS3

查看完整版

页码: 1

- 肖阳_洛阳 2013-03-26 17:51

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>

页码: 1