css 蓝白斑马条纹边框

以下是CSS实现蓝白斑马条纹边框的代码示例：

div {
  width: 400px;
  height: 400px;
  border: 10px solid blue;
  position: relative;
}

div::before {
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  right: -px;
  bottom: -10px;
  background-image: linear-gradient(-45deg, #fff 0%, #fff 25%, transparent 25%, transparent 50%, #fff 50%, #fff 75%, transparent 75%, transparent 100%);
  background-size: 3px 3px;
  z-index: -1;
}

解释：

首先，我们创建一个div元素，并设置它的宽度、高度和边框样式。然后，我们使用伪元素::before来创建一个覆盖整个div的背景，这个背景使用线性渐变来实现蓝白相间的斑马条纹效果。最后，我们将伪元素的z-index设置为-1，使它在div下面。