用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) 改为内部阴影。*