css橄榄成分表 |css 中文类名

/* 橄榄成分表 */
background-clip: border-box | padding-box | content-box | initial | inherit;
background-color: color | transparent | initial | inherit;
background-image: none | url | initial | inherit;
background-origin: border-box | padding-box | content-box | initial | inherit;
background-position: x% y% | x-pos y-pos | initial | inherit;
background-repeat: repeat | repeat-x | repeat-y | no-repeat | initial | inherit;
background-size: auto | length | cover | contain | initial | inherit;

橄榄成分表中包含了与背景相关的多个属性，下面让大家逐一看一看。

background-clip：定义背景的绘制区域，可以是元素的边框盒、内边距盒或者内容盒。

background-color：定义背景颜色，可以为颜色值或者透明。

background-image：定义背景图像，可以为URL地址或者none。

background-origin：定义背景图像的定位区域，可以是元素的边框盒、内边距盒或者内容盒。

background-position：定义背景图像的位置，可以为百分比值、像素值或者关键词（如top、left等）。

background-repeat：定义背景图像是否平铺及平铺的方式。

background-size：定义背景图像的尺寸，可以为auto（自适应）、像素值、百分比值、cover（拉伸填充）或contain（等比缩放填充）。

橄榄成分表中包含了常用的背景属性，可以根据具体需求选择不同的属性组合，实现多样化的背景展示效果。