hbuilderx如何裁剪图片
发布网友
发布时间:2022-12-23 20:32
我来回答
共1个回答
热心网友
时间:2023-10-25 06:44
1、第一,打开HBuilderX工具,新建页面文件,然后在body标签中,插入一个div标签。
2、第二,利用ID选择器img,设置标签样式,如宽度、高度、行高、字体属性以及边框。
3、第三,保存代码并打开浏览器,预览界面效果,可以看到文字居中的框。
4、第四,接着添加属性border-image,设置图片路径、边框厚度、分割方式等。
5、第五,再次保存代码并刷新浏览器,查看界面效果,可以看到元素边框变为图片。
6、第六,修改border-image图片平铺的方式,可以使用round、stretch、repeat,然后依次查看效果。