border-image属性在chrome中的不同效果
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <div style="width: 350px; height: 46px; padding:10px; -webkit-border-image: url(image/whiteButton.png) 8 stretch ; border-width: 8px;">-webkit-border-image效果</div> <div style="width: 350px; height: 46px;padding:10px;border-image: url(image/whiteButton.png) 8 stretch ; border-width: 8px;">border-image效果</div> </body> </html>
不清楚是什么原因,先记下方便回顾