您的位置首页生活百科

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

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

的有关信息介绍如下:

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

在html中插入整个页面的背景图,本文介绍三种方法。这里编辑html文件的编辑器是atom,大家可以选择自己喜欢的,或者文本文件直接编辑也是可以的。

打开编辑器,导入文件夹,确认图片保存的目录。

我们先创建一个index.html的文件。

然后定义一下html文件的主信息。

填写自己的网页内容,双击打开html文件查看网页效果。

我们可以直接在body后面加上background="图片名字"。刷新一下网页,这样就会显示背景了。

如果是网络上的图片,直接改为图片的地址也是可以的。

如果需要用css文件来加毕竟,可以添加到head里面。然后创建一个style.css文件。

在css文件里面添加以下指令。

body {

background:url("图片名字");

}

如果不想添加一个额外的css文件,可以直接在head里面增加一下指令。