background-color:gray; --- 背景颜色;
background-img:url(../image/img1.jpg); --- 背景图片;
background-repeat:no-repeat; --- 背景图片是否平铺,no-repeat(不平铺),repeat(横向纵向平铺,默认),repeat-x(横向平铺),repeat-y(纵向平铺);
background-position:left top; --- 背景图片的展开方式,left top(左上),right top(右上)... ...;
background-position:30px 80px; --- 背景图片的展开方式,背景图片从离左边30px右边80px处展开;
第一个数值表示左右,正值表示从左往右,负值表示从右往左;
第二个数值表示上下,正值表示从上往下,负值表示从下往上;
背景缩写:background:背景颜色 背景图片 图片是否平铺 (附件) 水平 垂直; 例:
background:blue url(./images/img2.jpg) no-repeat 10px 20px; --- 蓝色背景 背景图片 图片不平铺 从距左10px距顶20px展开
注意:背景色可以不写,附件也可以不写,附件通常仅用在body标签;
background-attachment:fixed; --- 背景附件和背景图片是否随着上方内容一起滚动,fixed(固定),scroll(滚动,默认);