CSS3真是一个好物，先前也分享过，CSS3所代来的便利，接下来再分享一个，也是制作网页常会用到的，那就是边框图片，在CSS2的时代中，若想要在DIV的边框加图片，就要用好几层标签来包，再才作到扩张延展，但到了CSS3后，只要作好一张边框的范本档，就可设定是要延展、扩张还是重复，真是超方便的，但目前支援CSS3边框图片的浏览器有Google Chrome、Firefox、Safari….等，IE9.0依然还是不支援，看来要等到IE10了。
虽然IE9.0不支援，但其它三个浏览器的使用率，也接近七、八成，因此CSS3也的时代，也渐渐的来临了，所以各位也可开始陆续使用，而梅干也把语法整理了一下，其实用法与之前差不多，唯一较大的不同则在于，图片分割的部分，现在就一块来看看，如何把边框加入图片吧！让版面更灵活。
border-image-slice：边框图片分割，border-image-slice 会把图片分成九公格，抓出图片四角的图片位置，分别为上、右、下、左，数字后面不可加单位。
border-image-repeat：边框图片中间重复设定，共有三个参数可作控制。
round：重复方式填满。当无法以整数的倍数填满时，就会依照整数倍数来缩放图片并填满。
space：重复填满。用整数倍数填满，其它不足的部分，再缩放图片填满。