为什么设置body的背景颜色，颜色没有覆盖整个网页

2021-01-28 04:23:53 1.4k 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

在 HTML5 中，可以通过多种方式设置页面的背景图像 HTML5 是一种用于构建网页的标准标记语言。在 HTML5 中，可以通过多种方式设置页面的背景图像。以下是一些常见的方法：你可以直接在 HTML 元素的属性中使用 CSS 来设置背景图像。例如：在这个例子中，属性设置了背景图像的 URL，而确保背景图像覆盖整个页面。你可以在标签中定义 CSS 规则，然后在 HTML 元素中应用这些规则。例如： 3. 使用外部样式表（External Stylesheet）你可以将 CSS 规则放在一个单独的文件中，并在 HTML 文档中引用它。例如，创建阅读详情

而是这样子

...全文

天猫网页前端实现文章目录前言公共页面置顶导航栏效果图布局搜索框效果布局页脚效果布局首页导航轮播效果布局关于背景颜色关于轮播图前言学习了jQuery和boostrap4的教程，苦于没有项目练手，于是决定模仿天猫网页，纯前端实现。首先先把天猫网页规划一下，大致可以分为：公共页面首页每一部分逐步完成，最后整合在一起。公共页面公共页面就是每个页面都有的内容，包括页头位置的置顶导航栏，紧接着页头的搜索框... 阅读详情

yaqbb

CSS 61,116 成员 60,701 内容

+ 关注 + 加入社区

切换为时间正序

sxysoft_csdn 2021-02-20

打赏
举报

多看css相关知识

喯啵儿灞 2021-02-20

打赏
举报

引用 4 楼越来越好。的回复:

加入css

html,body{
height:100%;
background: #2272c1;
}

你这里的height 100%肯定是失效的，这个设置是在父元素有明确高度声明时才起作用再说楼主的问题，正常情况下，直接设置body的background即可全网页覆盖（即使document高度达不到全网页），你的没有覆盖，很有可能是其他代码或css框架的样式把body的样式重写了，可加入以下代码尝试下：


html,body{
  height:100vh;
  background: #2272c1;
  padding:0;
  margin:0
}

希望可以解决你的问题，欢迎互粉互关

倔强的烤马铃薯 2021-02-20

打赏
举报

html,body{ height:100%; margin:0; padding:0; background:black; }

喯啵儿灞 2021-02-20

打赏
举报

引用 6 楼風灬雲的回复:

[quote=引用 5 楼喯啵儿灞的回复:][quote=引用 4 楼越来越好。的回复:]加入css
html,body{
height:100%;
background: #2272c1;
}


html,body{
  height:100vh;
  background: #2272c1;
  padding:0;
  margin:0
}

希望可以解决你的问题，欢迎互粉互关[/quote] html 根节点是跟随浏览器窗口的 html 设置高度100% 就是铺满整个页面，所以这么写是完全正确的


html,body{
height:100%;
background: #2272c1;
}

[/quote] 深表歉意，只注视到body，忽视了前面的html，这位老师html,body写法是正确的，是我草率了~~

風灬雲 2021-02-20

打赏
举报

引用 5 楼喯啵儿灞的回复:

[quote=引用 4 楼越来越好。的回复:]加入css
html,body{
height:100%;
background: #2272c1;
}


html,body{
  height:100vh;
  background: #2272c1;
  padding:0;
  margin:0
}

希望可以解决你的问题，欢迎互粉互关[/quote] html 根节点是跟随浏览器窗口的 html 设置高度100% 就是铺满整个页面，所以这么写是完全正确的


html,body{
height:100%;
background: #2272c1;
}

越来越好。 2021-01-29

打赏
举报

加入css

html,body{
height:100%;
background: #2272c1;
}

20112061 2021-01-29

打赏
举报

height:100vh

sxysoft_csdn 2021-01-28

打赏
举报

上代码，我给你解决

Oliver尹 2021-01-28

打赏
举报

横向默认是100%，但是html标签和body标签纵向并不是默认100%，手动设置一下

为什么设置body的背景颜色，颜色没有覆盖整个网页

相关推荐