hbuilder添加背景图片代码

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的开发效率。

2、新建html项目。

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

4、将背景图拖动到Hbuilder工程的img文件夹。

5、点击确定。

6、找到body。

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

8、然后保存文档。

9、点击运行选择浏览器运行，就可以看到设置的背景图了。

在创建一个新的项目时，会生成一个项目文件夹，其中有一个img文件夹，专门放置图片的位置，然后设置图片的样式使用width和height的值。

创建一个新的项目，里面包括js和css和img的文件夹，在你需要编写的代码内容中，首先放置一张图片到img的文件夹里，然后通过img标签中的src的链接地址和img文件夹中的图片相关联。