bootstrap 怎么设置背景

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

bootstrap 怎么设置背景

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

bootstrap 怎么设置背景?

使用BootStrap编写网页,设置全屏页面背景的方法:

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

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

只需要在css中写到

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

登录后复制

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

补充:

bootstrap 怎么设置背景

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

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

默认值:

not specified

继承性:

no

版本:

CSS1 + CSS3

JavaScript 语法:

object.style.background=”white url(paper.gif) repeat-y”

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

以上就是bootstrap 怎么设置背景的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2999715.html

(0)
上一篇 2025年3月12日 23:58:57
下一篇 2025年3月12日 23:59:03

AD推荐 黄金广告位招租... 更多推荐

相关推荐

发表回复

登录后才能评论