参数1：inset---内阴影，需要设置，默认为外阴影
参数2：offset-x----水平阴影的距离，左负右正
参数3：offset-y----垂直阴影的距离，上正下负
参数4：blur-radius----阴影的模糊程度，值越大，阴影越模糊
参数5：spread-radius----阴影的扩大缩小，正放大，负缩小，默认为0
参数6：color
立体的按钮
.shadowdemo{
display:inline-block;
line-height:33px;
height:36px;
padding:0 2em;
font-size:13px;
background:#0C58A7;
box-shadow:inset -3px -3px 2px #050533;
text-decoration: none;
color:#fff;
border-radius: 4px;
vertical-align:middle;
}
.shadowdemo:active{
line-height: 39px;
box-shadow:inset 2px 3px 2px #050533;
}
<a href="javascript:;" class="shadowdemo">我是按钮</a>
技术点：高度定死，使用line-height使文字向下移动
active激活状态的时候，切换阴影的效果，让字向下移动
单边高亮的效果
div:active {
box-shadow: 0 4px 5px -3px #00bf00;
}
技术点：利用第四个参数，缩小