CSS box-shadow 实现多重边框 效果

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;
}