Background 使用指南

在网页开发中，background 是 CSS 中用于设置元素背景的核心属性之一。它可控制背景颜色、背景图像、图像重复方式、位置、尺寸等。

1. 背景颜色（background-color）

最简单的背景设置是纯色背景：

body {
  background-color: #f0f0f0;
}

2. 背景图片（background-image）

使用图片作为背景：

div {
  background-image: url('bg.jpg');
}

3. 背景重复（background-repeat）

控制背景图是否重复，默认为平铺：

div {
  background-repeat: no-repeat; /* 不重复 */
}

4. 背景定位（background-position）

设置背景图起始位置：

div {
  background-position: center top;
}

5. 背景尺寸（background-size）

调整背景图大小，常用值如 cover、contain：

div {
  background-size: cover;
}

6. 复合写法（background 简写）

可以将多个背景属性合并成一行：

div {
  background: #fff url('bg.jpg') no-repeat center/cover;
}