css实现阴影效果

用CSS实现阴影效果

//今天写的html的部分的一部分
<div class="main"><h2>请选择您的身份类型：</h2>
</div>

//css部分
.main{width:1003px;min-height:600px;margin:40px auto;padding-bottom:21px;box-shadow:0px 0px 10px #c3c3c3;
}

CSS3 box-shadow 属性
定义和用法
box-shadow 属性向框添加一个或多个阴影。
语法
box-shadow: h-shadow v-shadow blur spread color inset;
*h-shadow ：必需。水平阴影的位置。允许负值。
v-shadow：必需。垂直阴影的位置。允许负值。
blur：可选。模糊距离。
spread：可选。阴影的尺寸。
color：可选。阴影的颜色。
inset：可选。将外部阴影 (outset) 改为内部阴影。*