使用的素材(272x114)
仔细看,其实尖角下面也有一条很细的横线,不是切图没切干净,而是repeat导致的
border: 10px solid;
border-image: url(popup-white.png) 20 fill repeat;
width: 136px;
可爱的popup
解法:改用stretch 注意:不是100%可靠。
border-image: url(popup-white.png) 20 fill stretch;
可爱的popup
注意:用round不行,因为round和repeat都存在计算精度的问题
/*但是,用round不行*/
border-image: url(popup-white.png) 20 fill round;
可爱的popup