背景——集大成的background

本文主要是介绍背景——集大成的background，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

摘抄于：https://www.cnblogs.com/nostic/articles/5269066.html

background 简写属性在一个声明中设置所有的背景属性。
可以设置如下属性：
background-color
background-position
background-repeat
background-origin
background-clip
background-attachment
background-image
如果不设置其中的某个值，也不会出问题，比如 background:#ff0000 url('smiley.gif'); 也是允许的。
通常建议使用这个属性，而不是分别使用单个属性，因为这个属性在较老的浏览器中能够得到更好的支持，而且需要键入的字母也更少。

语法

background:bg-color bg-image position/bg-size bg-repeat bg-origin bg-clip bg-attachment initial|inherit;

background-size，这个要单独设置，在background里不行（虽然有人说行，但是我试了不行）

background-position

background-origin指定容器类型，才能得到想要的position（当没有设置padding，border的时候这些都看不出效果）

background-clip和这个是一样的，只是background-clip是用来设置背景颜色的，而background-origin是用来设置背景图片的

background-repeat

background-attachment

background-image这个比较特殊，涉及到渐变，要重新来一页纸

https://www.cnblogs.com/Lilc20201212/p/15986999.html

这篇关于背景——集大成的background的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！