css背景属性分别有

background

background-color

background-position

background-p_w_picpath

background-repeat

background-p_w_upload


简单的例子:

body{

background:url(p_w_picpath/1.jpg);

background-p_w_picpath:url(p_w_picpath/2.jpg);

background-color:#6600CC;

background-position:center;

background-p_w_upload:fixed;

background-repeat:no-repeat;

}


通过实验,  

1. background-p_w_picpath:url(p_w_picpath/2.jpg);语句会覆盖background:url(p_w_picpath/1.jpg);

2. 背景图片会覆盖背景color

3. background-repeat属性的默认值为 repeat,x和y方向都会repeat(repeat-x,repeat-y)

4. background-p_w_upload属性有三个取值,scroll/inherit/fixed,默认值是scroll,背景会随着文档而滚动。fixed表示背景相对可视区是固定的。


关于background-position属性

   默认是为 left top 或者 0% 0% 或者0 0

   首先,可以用关键字 top center bottom right left,若只有单一关键字,则代表该关键字+center。无论是 background-position:top left 还是background-position: left top效果相同,关键字顺序无所谓。

   若是 background-position:right left,还是 background-position: left right,都是遵从left,即默认?。那么background-position:top bottom和 background-position:bottom top都是遵从默认top么?

  其次,可以用百分比。若只有一个百分比,则表示定义水平值,垂直值默认为50%

  第三,使用长度值,如  background-position: 150px 200px; 代表从左上角 向右偏移150px 向下偏移200px, 若为负值,可以理解成向左偏移正数,向上偏移正数。


属性简写

background: url(p_w_picpath/2.jpg) #000 repeat top left scroll