边框图片

边框图片的使用场景

盒子大小不一，但是边框样式相同，此时就需要边框图片来完成
简单来说就是加背景，但不是给盒子加背景，而是给边框加背景

边框图片的切图原理（重要）

// 代码切，而不是其它
把四个角切出去（九宫格的由来），中间不跟可以铺排、拉伸或者环绕
按照 上右下左 顺序切割

边框图片语法规范（重要）

border-image-source
用在边框的图片路径 // 哪个图片？
border-image-slice
图片向边框向内偏移 // 裁剪的尺寸，一定不加单位，上右下左顺序
border-image-width // 这个属性的默认值是border的宽度，但是有区别。区别是：边框图片的宽度不会挤压图片
图片边框的宽度（需要加单位）（不是边框的宽度，而是边框图片的宽度）
border-image-repeat
图片边框是否 平铺（repeat）、铺满（round）或拉申（stretch） 默认拉伸