background属性

1.background-color 规定要使用的背景颜色。

body
  {
  background-color:yellow;
  }
h1
  {
  background-color:#00ff00;
  }
p
  {
  background-color:rgb(255,0,255);
  }

2.background-position 规定背景图像的位置。

body
{ 
background-image:url('bgimage.gif');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
}

3.background-size 规定背景图片的尺寸。

div
{
background:url(img_flwr.gif);
background-size:80px 60px;
background-repeat:no-repeat;
}

4.background-repeat 规定如何重复背景图像。

body
  {
  background-image: url(stars.gif);
  background-repeat: repeat-y;
  }

5.background-origin 规定背景图片的定位区域。

div
{
background-image:url('smiley.gif');
background-repeat:no-repeat;
background-position:left;
background-origin:content-box;
}

6.background-clip 规定背景的绘制区域。

div
{
background-color:yellow;
background-clip:content-box;
}

7.background-attachment 规定背景图像是否固定或者随着页面的其余部分滚动。

body 
  { 
  background-image: url(bgimage.gif); 
  background-attachment: fixed;
  }

8.background-image 规定要使用的背景图像。

body
  { 
  background-image: url(bgimage.gif);
  background-color: #000000;
  }