CSS偏移边框

Question

我正在尝试实现以上在CSS和HTML中所示的效果。还没有找到抵消CSS边界或概述我需要的方式的可能性。

我怎么能达到这种效果？

Answer 1

.square {
  height: 100px;
  width: 50px;
  background-color: black;
}

.square::after {
  content: " ";
  position: absolute;
  transform: translate3d(5px, 5px, 0);
  height: 100px;
  width: 50px;
  border: 3px solid yellow;
  box-sizing: border-box;
}

添加一个伪元素并使其偏移。