bootstrap UI框架设置背景
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" |
这篇好文章是转载于:学新通技术网
- 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
- 本站站名: 学新通技术网
- 本文地址: /boutique/detail/tanfcaia
系列文章
更多
同类精品
更多
-
photoshop保存的图片太大微信发不了怎么办
PHP中文网 06-15 -
Android 11 保存文件到外部存储,并分享文件
Luke 10-12 -
《学习通》视频自动暂停处理方法
HelloWorld317 07-05 -
word里面弄一个表格后上面的标题会跑到下面怎么办
PHP中文网 06-20 -
photoshop扩展功能面板显示灰色怎么办
PHP中文网 06-14 -
微信公众号没有声音提示怎么办
PHP中文网 03-31 -
excel下划线不显示怎么办
PHP中文网 06-23 -
excel打印预览压线压字怎么办
PHP中文网 06-22 -
怎样阻止微信小程序自动打开
PHP中文网 06-13 -
TikTok加速器哪个好免费的TK加速器推荐
TK小达人 10-01