css完成如图内凹边缘处

我的实现思路是，上下两个是：before 一个是 after，所以直接在代码上

@mixin edgeStyle {
  width: 15px;
  height: 15px;
  z-index: -1;
  content: ;
  position: absolute;
}
  (你的父级DIV CLASS)::after {
    @include edgeStyle();
    background-image: radial-gradient(15px at top left, transparent 15px, #ffffff 10px, #ffffff );
    top: -15px;
    right: 0px;
  }
  (你的父级DIV CLASS)::before {
    @include edgeStyle();
    background-image:
    radial-gradient(15px at bottom left, transparent 15px, #ffffff 10px, #ffffff );
    bottom: -15px;
    right: 0px;
  }

在他们的父母中div给出相对位置ok了