如何使用CSS3新增边框图片属性剪裁图片并显示

1、第一，打开HBuilderX工具，新建页面文件，然后在body标签中，插入一个div标签

2、第二，利用ID选择器img，设置标签样式，如宽度、高度、行高、字体属性以及边框

3、第三，保存代码并打开浏览器，预览界面效果，可以看到文字居中的框

4、第四，接着添加属性border-image，设置图片路径、边框厚度、分割方式等

5、第五，再次保存代码并刷新浏览器，查看界面效果，可以看到元素边框变为图片

6、第六，修改border-image图片平铺的方式，可以使用round、stretch、repeat，然后依次查看效果