background
背景
主要属性:
background-color
:背景颜色,简写background
transparent
inherit
指定背景颜色,从父元素继承background-image
:背景图片url
:图片URL地址node
:默认值 背景上未放置图片inherit
:指定背景图片从父元素继承background-image
放置在元素的左上角,并重复垂直和水平方向background-repeat
:背景重复background-image
的垂直和水平方向repeat
默认repeat-x
只有水平位置重复repear-y
只有垂直位置重复no-repeat
不重复inherit
从父元素继承background-position
:背景定位x
、y
水平位置,垂直位置。左上角是0
。单位(px,关键字,百分数)left right top bottom center
,仅指定一个关键字,其他值将会是center
x
轴方向,默认y
轴为center
inherit
从父元素继承background-attachment
:背景关联scroll
默认fixed
固定inherit
从父元素继承background-size
:背景图像的尺寸大小<length>
长度值指定图像大小。不允许负值<percentage>
百分比指定图像大小。不允许负值auto
图像的真实大小cover
将背景图像等比例缩放到完全覆盖容器,有可能超出容器contain
等比例所放到宽/高与容器的宽/高相等,背景图像始终被包含在容器内background-origin
:设置背景图像的参考原点(位置)padding-box
:从padding
区域(含padding
)开始显示背景border-box
:从border
区域(含border
)开始显示背景content-box
:从content
区域开始显示背景background-clip
:设置对象的背景图像向外裁剪的区域padding-box
:从padding
区域(不含padding
)开始向外裁剪背景border-box
:从border
区域(不含border
)开始向外裁剪背景content-box
:从content
区域开始向外裁剪背景text
:从前景内容的形状(比如文字)作为裁剪区向外裁剪,实现使用背景作为填充色之类的遮罩效果。background-position: x y