hbuilderx如何裁剪图片

如题所述

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

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网