• 技术文章 >web前端 >Bootstrap教程

    bootstrap 怎么设置背景

    藏色散人藏色散人2021-12-28 17:10:38原创6844

    bootstrap设置背景的方法:1、打开相应的css文件;2、通过“background: url(../img/QQ图片20200226123957.jpg) no-repeat;”方式设置页面背景即可。

    本文操作环境:Windows7系统、bootsrap3.3.7版本、Dell G3电脑。

    bootstrap 怎么设置背景?

    使用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"

    相关视频教程推荐:《bootstrap视频教程

    以上就是bootstrap 怎么设置背景的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:bootstrap 页面背景
    上一篇:bootstrap的nav是什么意思 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • 实战:利用Bootstrap实现瀑布流布局(附代码)• 一文带你学习Bootstrap中的导航条和分页导航• Bootstrap学习之浅析模态框的使用方法• Bootstrap-table表头固定导致错位怎么办?怎么彻底解决?
    1/1

    PHP中文网