如何在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图片位置调节
  • 热门搜索
    泰山医学院怎么样 如何起名 离婚财产如何分割 紫砂杯如何开杯 如何群发微信 曲阜旅游景点大全 q币怎么换成q点 阿克苏旅游 路由器那个牌子好 钱塘湖位于哪里