原图
拉伸后(上下不变,中间拉伸)
实现
通过border-image-source引入背景图片
通过border-image-slice切割图片
border-image-slice: 120 0 280 0 fill
设置border大小
border-top: 120px solid; border-right: 0px solid; border-bottom: 280px solid; border-left: 0px solid;
原图
拉伸后(上下不变,中间拉伸)
通过border-image-source引入背景图片
通过border-image-slice切割图片
border-image-slice: 120 0 280 0 fill
设置border大小
border-top: 120px solid;
border-right: 0px solid;
border-bottom: 280px solid;
border-left: 0px solid;