在html中插入整个页面的背景图？

在html中插入整个页面的背景图的方法如下:

1、打开HBuilder；

2、新建html项目。

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

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

5、点击“确定”。

6、找到。

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

8、然后保存文档。

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

扩展资料

HTML称为超文本标记语言，是一种标识性的语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。

HTML的主要特点：简易性、可扩展性、平台无关性、通用性。另外，HTML是网络的通用语言，一种简单、通用的全置标记语言。

01

先做一个简单的HTML页面，页面里只有一个div和一段文字。

02

要添加整个页面的背景图片，我们就只能把背景加到body标签里了，所以我们在body里添加一个样式，叫‘bg’

03

然后定义这个bg的样式规则，主要就是添加background-image样式，就是添加背景图。

background-repeat是让背景图铺满整个页面。

04

看下页面的效果，可以看到现在整个页面都铺满了蝴蝶这张图片了。为了更好的效果，大家可以更换一张更好看的背景图。

---