使用场景:
盒子大小不一,但边框样式相同,此时需要边框图片来实现
切图原理:
切四个角,一定保证四个角切完整。四条边可以拉伸。(切4刀,分成9块)
切图语法:
border-image-source : 边框图片路径
border-image-slice : 裁剪的尺寸,不加单位
border-image-width : 边框图片的宽度,不是边框的宽度
border-image-repeat : 是否平铺
注意:
边框宽度会挤压里面的文字,边框图片的宽度不会挤压里边的文字(通常边框宽度=边框图片的宽度)