CSS 背景常用属性

background-color

这个属性过于简单，以下写法均可

background-color:red;

background-color:rgb(0,0,255);

background-color:#ffffff;

background-repeat

配合上一个属性使用，表示图片是否平铺。

repeat-x X轴平铺

background_repeat:no-repeat; /*不平铺*/

background_repeat:repeat-y  /*Y轴平铺*/

background_repeat:repeat-x  /*X轴平铺*/

background-position

也是配合background-image使用的，设置图片的起始点，默认是容器的左上角零点处。这个一般在logo处使用，为避免过多请求，多个小logo通常包含在一张图片上。零点向右为X轴的正方向，向下为Y轴正方向。当使用某处的logo，如果这个小logo在整个logo图片上包含着，且位置为20px 20px，为了使用这个logo，那么CSS代码就要这么写：
```
background-position:-20px -20px;
```
如果logo长宽为30px 30px ，那么把容器的长宽也也设置为30px 30px ，就刚好完美显示logo。

此属性还有下面的写法：
```
background-position:left bottom; /*靠左靠下*/

background-position:50% 50%；	/*在容器中间显示*/
```
background-attachment

控制背景图片固定或者随页面滚动。默认值scroll，可以设置为fixed。这个属性挺好玩，哈哈
background

简写。可以把上面的属性值一个或多个写在这里面。方便快捷。

秒客网