CSS 中 background 属性合并写法

下面是编程之家 jb51.cc 通过网络收集整理的代码片段。编程之家小编现在分享给大家,也给大家做个参考。

上次写 CSS 样式时同时有 background-size background-positon 两个属性,但是我想合并成一个 background 来写,刚开始遇到了一些麻烦,怎么写都不生效。后面谷歌,我们应该这样子写:

background:no-repeat scroll 0px 0px / 200px 29px rgba(0,0);

/ 做分割 前面是 background-position 后面是 background-size 下面写一份比较全面的合并方法

background: #ff0000 url(/i/eg_bg_03.gif) no-repeat fixed center / cover;

这些参数从左到右依次是:

background-color

background-image

background-repeat

background-attachment

background-position / background-size

一定要注意的是 background-size 是 CSS3 的属性,它要与 background-position 配合使用,中间有一个斜杠分隔符。

以上是编程之家(jb51.cc)为你收集整理的全部代码内容,希望文章能够帮你解决所遇到的程序开发问题。如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

相关文章

vue阻止冒泡事件 阻止点击事件的执行 <div @click=&a...
尝试过使用网友说的API接口获取 找到的都是失效了 暂时就使用...
后台我拿的数据是这样的格式: [ {id:1 , parentId: 0, name:...
JAVA下载文件防重复点击,防止多次下载请求,Cookie方式快速简...
Mip是什么意思以及作用有哪些