1、第一,打开HBuilderX工具,新建页面文件,然后在body标签中,插入一个div标签
2、第二,利用ID选择器img,设置标签样式,如宽度、高度、行高、字体属性以及边框
3、第三,保存代码并打开浏览器,预览界面效果,可以看到文字居中的框
4、第四,接着添加属性border-image,设置图片路径、边框厚度、分割方式等
5、第五,再次保存代码并刷新浏览器,查看界面效果,可以看到元素边框变为图片
6、第六,修改border-image图片平铺的方式,可以使用round、stretch、repeat,然后依次查看效果