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
转载于:https://blog.51cto.com/8731340/1379716