1,多层边框
.boxShadow{
margin: 2em auto;
width:50%;
height: 5em;
background:yellowgreen;
box-shadow:0 0 0 10px #655,
0 0 0 15px #ffe,
0 2px 5px 15px rgba(0,0,0,.6);
}
注意:box-shadow是层层叠加的,第一层投影位于最顶层,一次类推;需要按规律调整扩张半径
2,两层边框效果:outline :描边
.boxShadow{
margin: 2em auto;
width:50%;
height: 5em;
background:yellowgreen;
border:10px solid #655;
outline:5px solid red;
}