1.在执行效果来说 1、3、7、9四个角原封不动，只是2、4、6、8改变。
2.repeat就是一直重复，然后超出部分剪裁掉，而且是居中开始重复。Round 参数：Round可以理解为圆满的铺满。为了实现圆满所以会压缩（或拉伸），Stretch 很好理解就是拉伸，有多长拉多长。有多远“滚”多远。（注意：Chrome下，中间部分也会被拉伸，webkit浏览器对于round属性和repeat属性似乎没有区分，显示效果是一样的。）
例：border-image: url("picture/12.png") 27 27 27 27;
距离顶部内偏移区域27px横切一刀
