边框图片.

1.使用场景：

当盒子大小不一，但是边框样式相同，可用边框图片（border-image）来完成。

2.边框图片切图原理：

把四个角切出去，中间部分可以铺垫、拉伸或者环绕。

3.边框图片的语法：（重要）

• border-image-source:用在边框的图片的路径（哪个图片？）。
• border-image-slice:图片边框向内偏移。（裁剪的尺寸，一定不加单位，上右下左顺序）
• border-image-width:图片边框的宽度（需要加单位）
• border-image-repeat:图片边框是否应平铺（repeat）、铺满（round）或拉伸（stretch）。默认拉伸

三者对比：