css3中，border-image怎么用？

Question

css3中，border-image怎么用？

Answer 1

border-image:url:(images/WhiteButton.png) 0 12 0 12 stretch stretch;“0 12 0 12”：按顺时针方向分别是上右下左边框的宽度，即上：0；右：12；下：0;左：12。stretch | repeat | round 即为除去边框后的图像拉伸的方法，第一个stretch为上下拉伸方法，第二个stretch为左右拉伸方法：stretch：指定用拉伸方式来填充边框背景图。repeat：指定用平铺方式来填充边框背景图。当图片碰到边界时，如果超过则被截断。round：指定用平铺方式来填充边框背景图。图片会根据边框的尺寸动态调整图片的大小直至正好可以铺满整个边框。