bootstrap 怎么设置背景

广告:宝塔Linux面板高效运维的服务器管理软件 点击【 https://www.bt.cn/p/uNLv1L 】立即购买

bootstrap 怎么设置背景

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 + CSS3JavaScript 语法:object.style.background="white url(paper.gif) repeat-y"

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

以上就是bootstrap 怎么设置背景的详细内容,更多请关注9543建站博客其它相关文章!

广告:SSL证书一年128.66元起,点击购买~~~

9543建站博客
一个专注于网站开发、微信开发的技术类纯净博客。
作者头像
admin创始人

肥猫,知名SEO博客站长,14年SEO经验。

上一篇:微信支付开发全网发布
下一篇:bootstrap table插件怎么换行

发表评论

关闭广告
关闭广告