关闭→
当前位置:科普经验站>IT科技>在html中插入整个页面的背景图

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

科普经验站 人气:7.04K
如何在html中插入整个页面的背景图?请看下面方法。

材料/工具

Hbuilder

方法

打开HBuilder

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

新建html项目。

在html中插入整个页面的背景图 第2张

设置文件名,点击“完成”。

在html中插入整个页面的背景图 第3张

文件如图所示。

在html中插入整个页面的背景图 第4张

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

在html中插入整个页面的背景图 第5张

点击“确定”。

在html中插入整个页面的背景图 第6张

找到<body></body>

在html中插入整个页面的背景图 第7张

<body>改成<body background="img/背景1.jpg">。其中“img/背景1.jpg”为背景图路径

在html中插入整个页面的背景图 第8张

然后保存文档。

在html中插入整个页面的背景图 第9张

点击“运行”选择浏览器运行。

在html中插入整个页面的背景图 第10张

效果如图。

在html中插入整个页面的背景图 第11张
TAG标签:#背景图 #页面 #html #