background属性

background有很多属性:

background-color:背景颜色(单位可以是英文单词 十六进制 RGB() hsl()transparent)

background-image:url("");背景图片

background-position:(x,y)背景定位;xy可以设置像素(正负数都支持),可以设置方向和百分比;x方向上有left(0%) center(50%) right(100%);y方向上有top(0%)center(50%)bottom(100%);如果只设置一个值,那么x等于y。

background-repeat:背景图片平铺设置(repeat-x | repeat-y | no-repeat);

background-size:背景的尺寸(可以设置宽高|cover|contain);

background-clip:背景的绘制区域(content-box|padding-box|border-box);

background-attchment:背景图片是否随着页面的其余部分滚动(fixed|scroll);

background-origin:背景的定位区域(content-box|padding-box|border-box);

多背景图片,多个属性的设置用逗号隔开;

背景属性可以简写:background:background-color background-image background-position background-repeat;顺序没有明确规定;

列题:


background属性_第1张图片
background属性_第2张图片

你可能感兴趣的:(background属性)