CSS 中 background 属性合并写法

CSS 中 background 属性合并写法,第1张

概述上次写CSS样式时同时有background-sizebackground-positon两个属性,但是我想合并成一个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)为你收集整理的全部代码内容,希望文章能够帮你解决所遇到的程序开发问题。如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

总结

以上是内存溢出为你收集整理的CSS 中 background 属性合并写法全部内容,希望文章能够帮你解决CSS 中 background 属性合并写法所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1096031.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-28
下一篇 2022-05-28

发表评论

登录后才能评论

评论列表(0条)

保存