html背景图片怎么全屏

136 阅读 0 评论 90 点赞

我是靠谱客的博主积极火车，这篇文章主要介绍html背景图片怎么全屏，现在分享给大家，希望可以做个参考。

html背景图片怎么全屏

1、首先设置html和body的高度为100%

推荐学习：html教程

复制代码html,body{
    width:100%;
    height:100%
}1
2
3
4
html,body{
    width:100%;
    height:100%
}
登录后复制

2、然后给body添加背景图片，并设置background-size为100%即可。

复制代码body{
  font-family: "华文细黑";
  background:url("../img/Flyer-bg.png") no-repeat;
  background-size: 100%;
}1
2
3
4
5
body{
  font-family: "华文细黑";
  background:url("../img/Flyer-bg.png") no-repeat;
  background-size: 100%;
}
登录后复制