图片边框border-image

1.border-image:将图片规定为包围div的边框

2.属性：border-image:  source width repeat;(source为路径）

也可分别写作：border-image-source:  border-image-width: border-image-repeat:(repeat平铺，round铺满，stretch拉伸）

3.格式：border-image：url(1.png)  20  repeat(宽度不能加px，浏览器会自动加上）

4.原理：将图片进行九宫格切片，四个顶点的切片为图片边框的四个角，剩余的自动平铺/铺满/拉伸

5.兼容：ie8不兼容，所以用的比较少