SOURCE

<div class="div1">
  box-shadow不会影响布局，也不会受到box-sizing影响。可以有多个值，第一个值在最上面。
  <br />
  
  也不会影响鼠标事件
  <br />
  6个值，分别是：h-shadow v-shadow blur spread color inset/outset;
  <br />
</div>
<div class="div2">
</div>

div {
  width: 22em;
  height: 22em;
  background: pink;
  margin: 2em;
}

.div1 {
  box-shadow: 0 0 0 10px black, 0 0 0 15px deeppink, 0 2px 5px 15px rgba(0, 0, 0, .6);
}

.div2 {}