css 边框背景

-

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_backgrounds_and_borders/Border-image_generator

 

.box{
      width: 500px;
      height: 500px;
      border-image-slice:27 26 27 27;
      /* border-image-width:50px 20px 20px 20px; */
      border-image-width:50px;
      border-image-outset:0px 0px 0px 0px;
      border-image-repeat:stretch stretch;
      border-image-source:url("./assets/borderBg.svg");
      border-style:solid;
    }

 

-