图片边框

css

border: 50px solid #fff;
border-image: url(./border.svg) 50 round;

border-image 可以分为

css

border-source: url(./border.svg);
border-slice: 50;
border-repeat: round;

border-slice 图片切割

alt text

border-repeat 重复方式

round repeat

兼容性

兼容性特别好