使用BootStrap编写网页，如何设置全屏页面背景？

说来不怕可笑，这双打游戏的手都快忘了代码怎么写的了，编写一个页面，当设置背景时，一直出现莫名其妙的错误。

在这里记录一下，不能连背景设置都不晓得，虽说这前端不怎么搞。也给各位初学者，或者后端工作者查阅时，能少踩点坑！！！

只需要在css中写到

body{background: url(../img/QQ图片20200226123957.jpg) no-repeat;background-size:100%;
}

也就是说，我当时所遇到的原因就是size的问题。不过最后我发现的是我之前的css覆盖了这个设置，所以导致一直失败。

补充：

如果不设置其中的某个值，也不会出问题，比如 background:#ff0000 url('smiley.gif'); 也是允许的。

通常建议使用这个属性，而不是分别使用单个属性，因为这个属性在较老的浏览器中能够得到更好的支持，而且需要键入的字母也更少。

默认值：	not specified
继承性：	no
版本：	CSS1 + CSS3
JavaScript 语法：	object.style.background="white url(paper.gif) repeat-y"

如果需要进行测试，然后进行检验后使用，可以访问：

https://www.w3school.com.cn/css/css_background.asp

进行测试！！！

想起组里老大曾说的，现在都是全栈，只会后端不行滴！！！

使用BootStrap编写网页，如何设置全屏页面背景？相关推荐

html在qq怎么全屏显示,QQ怎么设置全屏资料背景
大家好,我是时间财富网智能客服时间君,上述问题将由我为大家进行解答. 以小米手机为例,QQ设置全屏资料背景方法如下: 1.进入手机QQ主页面,找到左上角[头像]选项,点击打开. 2.在头像界面,找到[ ...
php网页全屏背景图代码,HTML5 body设置全屏背景图片的示例代码
用什么代码实现?不允许有白色底色产生,因为手机高度不一样设计图要标准(750)确认是背景图(通屏底图)应用场景:移动端宣传页面或者活动页面错误的写法:加到div中结合图片设置min-height, ...
WebView网页视频统一全屏播放及横竖屏切换
WebView 支持 Html5 video 进行全屏播放及横竖屏自动切换 1.检查AndroidManifest.xml清单文件,WebView控件所在的Activity配置信息;检查Activit ...
css样式里把背景设置为图片,利用css如何设置全屏背景图片
利用css如何设置全屏背景图片如果你有一张比较绚烂的图片想做背景,可以这样设置,就跟随百分网小编一起去了解下吧,想了解更多相关信息请持续关注我们应届毕业生考试网! 代码如下: body{ backg ...
css 全屏显示一张图片_css如何设置全屏背景图片
css如何设置全屏背景图片导语:网页背景设置倒不是很难,但是要全屏可控制呢?你还觉得容易吗?以下的是百分网小编为大家搜集的用css设置全屏背景图片的实例,希望对你有所帮助. 如果你有一张比较绚烂的图 ...
全屏图片php模板,CSS_css 设置全屏背景图片，如果你有一张比较绚烂的图片 - phpStudy...
如果你有一张比较绚烂的图片想做背景,可以这样设置: 复制代码代码如下: body{ background:url(img.jpg); background-position:center; backg ...
css 设置全屏背景图片
如果你有一张比较绚烂的图片想做背景,可以这样设置: 复制代码代码如下: body{ background:url(img.jpg); background-position:center; b ...
android.xml设置全屏,Android全屏设置的方法总结
Android 有两种方式可以设置全屏. 第一种方式:在protected void onCreate(Bundle savedInstanceState) 里面的this.setContentVie ...
android录制视频横向,Android从零开始(26)(设置全屏+横屏、相机拍照、视频录制)(新)...
相机拍照.视频录制相机拍照全屏显示有两种方式: 在androidManifest.xml里面的application标签下设置 android:theme="@android:style/ ...

使用BootStrap编写网页，如何设置全屏页面背景？

只需要在css中写到

补充：

使用BootStrap编写网页，如何设置全屏页面背景？相关推荐

最新文章

热门文章