1:伪元素实现
<div class="box"></div>
.box{
height:200px;
width:200px;
background-color:yellow;
border:solid 6px green;
position:relative;
}
.box:before{
content:"";
position:absolute;
top:-12px;
left:-12px;
right:-12px;
botton:-12px;
border:solid 6px red;
}
2:box-show
.box{
height:200px;
width:200px;
background-color:yellow;
box-shadow: 0 0 0 5px red,0 0 0 10px black;
}
3: outline
.box{
height:200px;
width:200px;
background-color:yellow;
border:solid 6px green;
outline:5px solid green;
}