广告:宝塔Linux面板高效运维的服务器管理软件 点击【 https://www.bt.cn/p/uNLv1L 】立即购买
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'); 也是允许的。
通常建议使用这个属性,而不是分别使用单个属性,因为这个属性在较老的浏览器中能够得到更好的支持,而且需要键入的字母也更少。
相关视频教程推荐:《bootstrap视频教程》
以上就是bootstrap 怎么设置背景的详细内容,更多请关注9543建站博客其它相关文章!
发表评论