background属性

 background常用属性

background-color：背景色
background-image：背景图片
background-size：背景图片尺寸
background-repeat：背景图片重复(repeat,repeat-x,repeat-y,no-repeat)
background-position：背景图片位置

background-attachment：背景图片是否固定不动

简写

background : bg-color  bg-image  bg-position/bg-size  bg-repeat   bg-attachment ;

background-color

颜色名称，如：background-color:red;
十六进制背景色，如：background-color:#ff0000; / background-color:#f00;
rgb颜色，这里如果是rgba，a表示透明程度，为0全透明，为1全显示，如：background-color:rgb(255,0,0); / background-color:rgba(0,0,255,0.8);
transparent，透明，如：background-color:transparent;
background-image

url图片地址，可以多个图片，如：background-image: url(img/a.jpg),url(img/b.jpg);
none，不显示背景图像

background-position

位置名字组合定位，只写一个默认另一个为居中，如：background-position: right bottom; / background-position: center;
百分比位置，如：background-position: 20% 20%;
具体像素位置， 如：background-position: 20px 20px;

background-repeat

repeat：水平和垂直方向都重复图像，如：background-repeat: repeat;
repeat-x：水平方向重复图像
repeat-y：垂直方向重复图像
no-repeat：图像不重复
background-size

像素大小，只写一个默认另一个为auto，如：background-size: 200px 100px;
百分比大小，如：background-size: 60% 60%;
cover：背景图像覆盖当前元素的所有背景区域，如：background-size: cover;
contain：图像显示最大且刚好完全显示，一般不能覆盖全部背景区

background-attachment

 scroll：背景图像相对于页面不动，会随着网页的滚动而移动，默认

fixed：背景图像相对于浏览器窗口不动，内容滚动的时候背景图像不动，如：background-attachment: fixed;