hbuilder怎么导入图片

hbuilder怎么导入图片,第1张

HBuilder导入图片的方法如下:

工具:惠普战66、Windows11、HBuilder3.02。

1、打开HBuilder,在HBuilder左侧右键新建一个web项目。

2、项目名字可以选用驼峰命名法。

3、将图片拉入img文件夹。

4、之后点击index.html。

5、在body里面写相应的代码

6、写完代码后保存,点击上方浏览器图标可浏览。

hbuilder添加背景图片代码方法如下:加入如下 CSS: body { background-image: url("背景图片(如果跟CSS不在同一路径下,记得改相对或绝对路径).jpg")background-size: coverbackground-repeat: no-repeatbackground-attachment: fixed。

HBuilder是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE。

HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写。

它基于Eclipse,所以顺其自然地兼容了Eclipse的插件。

快,是HBuilder的最大优势,通过完整的语法提示和代码输入法、代码块等,大幅提升HTML、js、css的开发效率。

hbuilderx图片png格式加载不出来这么 *** 作:

1、打开HBuilder。

2、新建html项目。

3、设置文件名,点击完成。

4、将png格式的图片拖动到Hbuilder工程的img文件夹。

5、点击确定。

6、找到。

7、将改成。其中img/背景1.jpg为背景图路径。

8、然后保存文档。

9、点击运行选择浏览器运行、就可以加载出来PNG格式的图片啦。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11190323.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-14
下一篇 2023-05-14

发表评论

登录后才能评论

评论列表(0条)

保存