如何在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图片位置调节
  • 热门搜索
    掣肘怎么读 花甲怎么做 怎么清理电脑内存 我的世界村庄怎么找 春饼怎么做又软又好吃 老是打喷嚏是怎么回事 卫生棉条怎么用 八爪鱼怎么做好吃 鼻塞怎么办 store怎么读