CSS---背景属性

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(滚动,默认);

原文地址:https://www.cnblogs.com/wells33373/p/8136509.html