1、CSS背景色：可以用background-color属性设置背景色，这个属性接受任何合法颜色值。

例子：p {background-color: gray;padding:20px;}

设置背景为灰色， 如果background-color没有指定颜色，那么即为透明色。


2、CSS背景图像：需要使用background-p_w_picpath属性，默认值是none,表示没有任何图像

如果需要设置背景图像，必须设置一个URL值：

例子1、body{background-p_w_picpath: url(/i/eg_bg04.gif);}

例子2、p.flower{background-p_w_picpath: url(/i/eg_bg04.gif);}

      一个段落应用了背景图像

例子3、a.radio{background-p_w_picpath: url(/i/eg_bg04.gif);}\

   对行内元素进应用了背景图像

3、背景重复

默认地，背景图像将从一个元素的左上角开始

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

4、背景定位

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

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

5、关键字

 p { 
    background-p_w_picpath:url('bgimg.gif');
    background-repeat:no-repeat;
    background-position:top;
  }

下面是等价的位置关键字：

单一关键字等价的关键字
centercenter center
toptop center 或 center top
bottombottom center 或 center bottom
rightright center 或 center right
leftleft center 或 center left

6、百分数值

百分数值的表现方式更为复杂。假设你希望用百分数值将图像在其元素中居中，这很容易：

body
  { 
    background-p_w_picpath:url('/i/eg_bg_03.gif');
    background-repeat:no-repeat;
    background-position:50% 50%;
  }

这会导致图像适当放置，其中心与其元素的中心对齐。换句话说，百分数值同时应用于元素和图像。也就是说，图像中描述为 50% 50% 的点（中心点）与元素中描述为 50% 50% 的点（中心点）对齐。

如果图像位于 0% 0%，其左上角将放在元素内边距区的左上角。如果图像位置是 100% 100%，会使图像的右下角放在右边距的右下角。

因此，如果你想把一个图像放在水平方向 2/3、垂直方向 1/3 处，可以这样声明：

body
  { 
    background-p_w_picpath:url('/i/eg_bg_03.gif');
    background-repeat:no-repeat;
    background-position:66% 33%;
  }

如果只提供一个百分数值，所提供的这个值将用作水平值，垂直值将假设为 50%。这一点与关键字类似。

background-position 的默认值是 0% 0%，在功能上相当于 top left。这就解释了背景图像为什么总是从元素内边距区的左上角开始平铺，除非您设置了不同的位置值

7、长度值

长度值解释的是元素内边距区左上角的偏移。偏移点是图像的左上角。

比如，如果设置值为 50px 100px，图像的左上角将在元素内边距区左上角向右 50 像素、向下 100 像素的位置上：

body
  { 
    background-p_w_picpath:url('/i/eg_bg_03.gif');
    background-repeat:no-repeat;
    background-position:50px 100px;
  }

注意，这一点与百分数值不同，因为偏移只是从一个左上角到另一个左上角。也就是说，图像的左上角与 background-position 声明中的指定的点对齐。

8、背景关联

如果文档比较长，那么当文档向下滚动时，背景图像也会随之滚动。当文档滚动到超过图像的位置时，图像就会消失。

您可以通过 background-p_w_upload 属性防止这种滚动。通过这个属性，可以声明图像相对于可视区是固定的（fixed），因此不会受到滚动的影响：

body 
  {
  background-p_w_picpath:url(/i/eg_bg_02.gif);
  background-repeat:no-repeat;
  background-p_w_upload:fixed
  }