hbuilder表单背景图怎么设置

1、打开HBuilder。

2、新建html项目。

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

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

5、点击确定。

6、找到body。

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

8、然后保存文档。

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

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

可以使用html的background-image标签和background-size实现插入背景图片和控制图片大小。

具体步骤如下：

需要准备的材料分别是：电脑、浏览器、ultraedit。

1、在ue编辑器中新建一个空白的html文件。

2、在ue编辑器中输入以下html代码。

3、编辑完成以后，在ue编辑器中点击保存，格式选择UTF8无BOM。

4、在浏览器中打开此html文件，可以看到最终想要实现的背景图片效果。

---