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

 时间:2024-10-13 17:33:04

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

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

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

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

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

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

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

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

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

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

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

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

7、如果需要用css文件来加毕竟,可以添加争犸禀淫<link rel="stylesheet" href="style.css">到h髫潋啜缅ead里面。然后创建一个style.css文件。在css文件里面添加以下指令。body { background:url("图片名字");}

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

8、如果不想添加一个额外的css文件,可以锂淅铄旰直接在head里面增加一下指令。<style> body { b锾攒揉敫ackground:url("图片"); } </style>

如何在html中插入整个页面的背景图
  • html设置网页背景图片
  • html设置网页背景图片全屏
  • 在html里面怎么让文字居中显示?
  • 网页设计HTML中如何插入背景图片
  • html图片位置调节
  • 热门搜索
    母亲节手抄报的内容 春节手抄报图片大全简单又漂亮 六一手抄报内容简短 珍惜生命的手抄报 九九重阳节手抄报 诚信手抄报图片大全 红十字手抄报 小学生手抄报模板 讲普通话手抄报 珍惜生命手抄报