而是这样子
-
而是这样子展开阅读全文
-
等级
本版专家分：90勋章
-
- 技术圈认证 用户完成年度认证，即可获得
-
- 签到新秀 累计签到获取，不积跬步，无以至千里，继续坚持！
-
-
横向默认是100%，但是html标签和body标签纵向并不是默认100%，手动设置一下
-
等级
本版专家分：410勋章
-
- 签到新秀 累计签到获取，不积跬步，无以至千里，继续坚持！
-
-
上代码，我给你解决
-
等级
本版专家分：0勋章
-
- 签到新秀 累计签到获取，不积跬步，无以至千里，继续坚持！
-
-
height:100vh
-
等级
本版专家分：10勋章
-
- 签到达人 累计签到获取，不积跬步，无以至千里，继续坚持！
-
- 脉脉勋章 绑定脉脉第三方账户获得
-
- GitHub 绑定GitHub第三方账户获取
-
-
加入css
html,body{
height:100%;
background: #2272c1;
}
-
等级
本版专家分：70
-
你这里的height 100%肯定是失效的，这个设置是在父元素有明确高度声明时才起作用
再说楼主的问题，
正常情况下，直接设置body的background即可全网页覆盖（即使document高度达不到全网页），你的没有覆盖，很有可能是其他代码或css框架的样式把body的样式重写了，可加入以下代码尝试下：
html,body{
height:100vh;
background: #2272c1;
padding:0;
margin:0
}
希望可以解决你的问题，欢迎互粉互关
-
等级
本版专家分：4894勋章
-
- GitHub 绑定GitHub第三方账户获取
-
- 黄花 2018年10月 Web 开发大版内专家分月排行榜第二
-
-
蓝花
2020年9月 Web 开发大版内专家分月排行榜第三
2018年11月 Web 开发大版内专家分月排行榜第三
-
-
html 根节点是跟随浏览器窗口的 html 设置高度100% 就是铺满整个页面，所以这么写是完全正确的
html,body{
height:100%;
background: #2272c1;
}
-
等级
本版专家分：70
-
深表歉意，只注视到body，忽视了前面的html，这位老师html,body写法是正确的，是我草率了~~
-
等级
本版专家分：0勋章
-
- 签到王者 累计签到获取，不积跬步，无以至千里，继续坚持！
-
-
html,body{
height:100%;
margin:0;
padding:0;
background:black;
}
-
等级
本版专家分：410勋章
-
- 签到新秀 累计签到获取，不积跬步，无以至千里，继续坚持！
-
-
多看css相关知识
- 为什么vscode里面设置body 背景颜色的时候不是全覆盖
给body设置背景颜色不是全覆盖后，百度了一下， 没太看懂意思，然后把body改成html,管用了
- body设置了宽高，但背景颜色还是占满全页
在学习前端过程中又发现了一个小问题，就是body明明设置了宽高，但是背景颜色还是会占满全页面（唉，这么简单的问题我居然现在才知道），简单测试如下： 浏览器显示： 解决： 当html不设置背景时，body的背景将...
- 就今天给body设置宽高并设置背景颜色的疑问和理解
问题：在给body设置了1000px的宽度并且设置了红色为背景颜色，红色覆盖了整个页面而不是只覆盖1000px的宽度网上找到的说法是这样的下面验证一下这个想法首先创建好一个基本的html文件,设body的背景色为red效果如下...
- 解决设置了body宽高，但设置背景颜色仍然会铺满问题
近期开发遇到一个问题，明明给body设置了宽高，然后给body设置背景，背景仍然会铺满整个屏幕。以下是我的代码： [html] view plain copy [html] view plain copy ...
- 2019最新Web前端经典面试试题及答案-史上最全前端面试题(含答案)
近期总结一一些面试题 都是企业的面试题笔记题 感觉薪资10k下的都会出笔试题 特别高的薪资都是直接技术面试或者是 现场编程 总结很多人的面试题，后期会对于单个知识点再说笔记详细讲解。 ...
- 2020年前端面试题及答案
前端面试汇总（2020年） 一 大纲 1、前言 2、前端工程化 3、前端设计模式 4、前端安全性问题 ...由于新冠肺炎疫情，现在成天呆在家里，加上也要准备面试，就在家里看面试题...
- 为Html页面设置背景——通过设置body结构标签和CSS指定背景属性实现
一、纯Html实现主要有text、bgcolor和background三种元素属性实现效果:示例代码：&...lt;!...gt; <...gt;...-- body 的text属性指定body里文字显示的颜色，不会覆盖已经指定好颜色的文字；... bgcolor指定背景颜色；...
- vue中的某个页面修改body的背景色
// 修改背景色 document.querySelector('body').setAttribute('style', 'background-color:#fff') }, beforeDestroy () { // 销毁背景色 document.querySelector('body').removeAttribute('style') } ...
- 滚动条触发后，body，html背景颜色铺满
加 min-width 加 min-width: 1200px; 或者加 min-width: max-content; min-width:-webkit-max-content;
- 网页 移动端背景颜色不全
在pc端开发网页时，用手机访问，有时候背景色不全，如图： 这时只需要在body中添加一个最小的宽度即可： body{ min-width: 1300px; }
- 如何给vue-cli项目中的body添加样式，从而达到改变背景颜色的效果
<script> export default { beforeCreate: function() { document.getElementsByTagName("body")[0].className="bgColor"; }, beforeDestroy: function() { ...
- input取消背景颜色，尤其是边框的背景颜色覆盖了外边包裹的背景颜色时需要。
<div class="wrapper-search"> <div class="search"> <form target="_self" action="?"> <input type="text" name="kw" class="txt" va...
- vue 在不同页面给body设置不同的背景色
通过一个组件的 “初始化” 和 “销毁” ， 来控制body颜色 ， 很简单的逻辑 下面是具体代码。 <script> beforeCreate: function() { document.getElementsByTagName("body")[0].className="...
- 求助：为什么我的js背景颜色就改不了呢
求助：为什么我的js背景颜色就改不了呢 求大神帮忙解决一下，谢谢大神了 简述：这是一个改变宽、高、以及背景颜色的盒子，宽高的改变没有问题，但是背景颜色无法改变，原因未知。 以下是我的代码： <!doctype...
- CSS-Learning | background-color属性如何设置背景颜色以及选取颜色值、透明度方法
CSS中设置背景颜色，可以通过两个属性：background-color属性和background属性。 // background-color属性 body { background-color: #bada55; } // background属性 body { background: #bada55; } background...
- HTML5的canvas标签为什么会覆盖之前画的东西的颜色
为什么左边那条线变成红色了,被我选择的颜色给覆盖了??? 源代码/ <!DOCTYPE html> <title>Title *{ margin: 0 auto; } canvas{ border:1px solid red; } <body> 背景颜色:()"> 画笔颜色: 画笔...
- 网页背景设置的方法总结
网页背景设置的方法总结本文会列出网页背景设置的三种方法，在目前学习初期看来，基本覆盖了所有需求，并且提供一些优秀的资源网站，方便图片的查找。根据需求不同，我将网页背景设置分为三种： 1. 直接单纯设置...
- 前端面试锦集
前端面试锦集
- 使用BootStrap编写网页，如何设置全屏页面背景？
说来不怕可笑，这双打游戏的手都快忘了代码怎么写的了，编写一个页面，当设置背景时，一直出现莫名其妙的错误。 在这里记录一下，不能连背景设置都不晓得，虽说这前端不怎么搞。也给各位初学者，或者后端工作者查阅...
- 前端面试题
这些浏览器的内核分别是什么? 21 每个HTML文件里开头都有个很重要的东西，Doctype，知道这是干什么的吗？ 21 Quirks模式是什么？它和Standards模式有什么区别 21 div+css的布局较table布局有什么优点？ 22 img的alt...
- 背景色和背景图片共存，背景图片覆盖色
文章参考 ... 问题描述 今天公司要做一个大屏展示，背景图片...我的理解背景图片应该是与背景色不能共存的，查询了相关资料，当背景图片和背景色同时作用的时候，背景图片会覆盖背景色，没有覆盖到的就显示背景色，因...
- web前端入门到实战：背景颜色、背景图片、背景填充
1.如何设置标签的背景颜色 （1）在CSS中有一个background-color：属性值；，就是专门用来设置标签的背景颜色。 （2）取值：具体单词、RGB、RGBA、十六进制 例子： <style> .p1{ background-color: red; ...
- 为什么body元素的background-image会渲染到margin上？
我使用background-image属性给body元素添加背景图片，然后设置background-position到右下角，设置body的margin值后，背景图片没有按照background-origin属性渲染，从margin就开始渲染了。然后我测试div等元素，并...
- C#基础教程-c#实例教程，适合初学者
本章介绍C#语言的基础知识，希望具有C语言的读者能够基本掌握C#语言，并以此为基础，能够进一步学习用C#语言编写window应用程序和Web应用程序。当然仅靠一章的内容就完全掌握C#语言是不可能的，如需进一步学习C#语言...
- 关于element-ui 中 table 鼠标悬停时高亮背景颜色的修改，添加fixed后颜色又出现问题
table 鼠标悬停时高亮背景颜色的修改 .el-table tbody tr:hover>td { background-color: #颜色 } 或 .el-table__body-wrapper tbody tr:hover>td{ background-color: #颜色 } 就可以了 如果添加了fixed 上面...
- vue给单个页面添加背景颜色CSS解决.
在单页面应用,想给单个页面添加背景颜色,但是直接给根标签添加background-color属性,即使添加了height:100%,也无法填满整个屏幕,只能填充内容区. 下面假设给home页添加背景颜色 方法一: home页: <style lang=...
- 背景色及背景图片的覆盖范围
背景色及背景图片覆盖的范围是从border开始到内容区域 <!DOCTYPE html> #border-image{ margin:100px; width:200px; height:200px; border:10px sol
- css背景颜色、背景图片，以及列表的多种样式
• background-color 设置元素的背景颜色。• background-image 把图像设置为背景。• background-position 设置背景图像的起始位置。• background-attachment 背景图像是否固定或者随着页面的其余部分滚动。• ...
- html实现点击鼠标改变背景颜色
<!DOCTYPE> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <script> function changeBg(){ var bgColor=""; for(var i=0;...bgColor...
- jquery mobile设置背景图片与背景颜色_无需整理
为什么80%的码农都做不了架构师？>>> ...