<p class="zw">到目前为止所有的<code>border-image</code>案例，边框宽度都是精确匹配切片图像宽度的，如果它们不一样会怎么样呢？</p> <p class="zw">当我们改变边框的宽度，就可以控制图像能够显示的大小。为了看这个的效果，我们把边框的宽度减少到只有<code>10px</code>，就可以观察到程序把图片缩小来匹配边框的新宽度。</p> <pre class="代码无行号"><code>.h-card { border-image : url(safari.png) 20 round; border-width : 10px; }</code></pre> <p class="zw">让边框的宽度大于切片大小会有相反的效果。增加边框的宽度，可以看到边框图像也随之变大了。</p> <p class="图"><img alt="1417.tif" src="http://csdn-ebook-resources.oss-cn-beijing.aliyuncs.com/images/c4eeb42b07f54b42a9fd1568b8ec4b98/143.jpg"></p>
