背景颜色:
用background-color设置元素背景色
- 例:
p {background-color:gray}
注:background-color的默认值为transparent,即默认背景是透明的
背景图像:
用background-image设置元素背景图像,且必须设置图像URL
- 例:
body {background-image: url(/i/eg_bg_04.gif);}
注:background-image的默认值为none,即没有任何背景图像
背景重复:
background-repeat
- repeat:水平竖直方向都重复
- no-repeat:不重复
- repeat-x:水平方向重复
- repeat-y:竖直方向重复
背景定位:
background-position
- 关键字:center,top,bottom,right,left
- 百分数值
- 长度值
背景关联:
background-attachment
如果文档比较长,那么当文档向下滚动时,背景图像也会随之滚动。当文档滚动到超过图像的位置时,图像就会消失,为了解决上述问题,可以设置背景关联
- scroll(默认值):背景随文档滚动
- fixed:背景的可视区是固定的,不会随页面的滚动发生改变