使用的素材（81x81每个小格子27x27）

问题：border-image的边框与content之间有透明细边

border: 15px solid;
border-image: url(border-image.png);
border-image-slice: 14 fill;
border-image-repeat: round;

看清楚，真的有细边

/*同上，添个bgc*/
background: black;

下面做了3个尝试，结论是：唯一能去掉细边的方式是stretch，但不是100%可靠。（在低ppi PC上，用chrome模拟iphone5或者其它可选设备，都能看到细边，虽然与真机实际效果不同，但至少说明border-image的内部实现确实存在这样的问题）

尝试1：去掉fill，细边还在，但在低ppi设备（普通PC）上看不出来了

/*去掉fill*/
border-image-slice: 14;

/*同上，添上bgc，看清楚点*/
background: silver;
> .content {
background-color: black;
}

尝试2：去掉round，用stretch时细边消失了。repeat时细边还在，但在低ppi设备（普通PC）上看不出来了

/*round换成stretch*/
border-image-repeat: stretch;

/*round换成repeat*/
border-image-repeat: repeat;

/*同上，添个bgc*/
background-color: black;

尝试3：让slice >= border宽度，细边还在，但在低ppi设备（普通PC）上看不出来了

/*让slice >= border宽度*/
border-image-slice: 15 fill;

/*更大一点*/
border-image-slice: 20 fill;