本文共 519 字，大约阅读时间需要 1 分钟。

背景相关的属性

1. 背景颜色：background-color；
2. 背景图片：background-image：url（）；
   特点：
   （1）背景图片默认是平铺的；
   （2）背景图片默认是不占位置的；
   （3）背景图片的显示范围由容器大小决定：
   容器的大小>背景图片的大小，那么会看到很多平铺的背景图
   容器的大小<背景图片的大小，那么会看到部分背景图
   容器的大小=背景图片的大小，那么会看到一张完整的背景图
3. 背景图的位置：background-position：水平方向的值 垂直方向的值；
   水平方向的取值：left、right、center
   垂直方向的取值：top、bottom、center
   位置的移动给以给负数，默认是0px 0px。水平的给负数是往左移动，垂直的给负数是往上移动。
4. 背景图片的大小：background-size：横向的值 纵向的值；
   background-size：cover；可以让背景图完全盖住容器，但是部分背景图会看不见
5. 背景图的依附设置：background-attachment：fixed；
   背景图的固定，鼠标滚动的时候背景图保持不动。
6. 背景图的平铺设置：background-repeat：no-repeat；

转载地址：http://wvqzi.baihongyu.com/