CSS背景

1.背景色：可以使用为元素设置背景色。

p {background-color: gray;}

2.背景图像：可以使用为元素设置背景图片。

background-attachment 属性的默认值是 scroll，也就是说，在默认的情况下，背景会随文档滚动。设置背景图像不会随鼠标滑动滚动而滑动，background-attachment：fixed

body {background-image: url(/i/eg_bg_04.gif);}

3.背景重复：repeat-x 和 repeat-y 分别导致图像只在水平或垂直方向上重复，no-repeat 则不允许图像在任何方向上平铺。

body
  { 
  background-image: url(/i/eg_bg_03.gif);
  background-repeat: repeat-y;
  }

4.背景定位：background-position 。首先，可以使用一些关键字：top、bottom、left、right 和 center。通常，这些关键字会成对出现，不过也不总是这样。还可以使用长度值，如 100px 或 5cm，最后也可以使用百分数值。不同类型的值对于背景图像的放置稍有差异。

位置关键字可以按任何顺序出现，只要保证不超过两个关键字 - 一个对应水平方向，另一个对应垂直方向。

如果只出现一个关键字，则认为另一个关键字是 center。

望用百分数值将图像在其元素中居中：background-position：50% 50%；

图像的左上角将在元素内边距区左上角向右 50 像素、向下 100 像素的位置上：background-position：50px 100px;

body
  { 
    background-image:url('/i/eg_bg_03.gif');
    background-repeat:no-repeat;
    background-position:center;
  }

5.