Background 背景设置指南

在网页开发中，background 是 CSS 中最常用且功能强大的属性之一。它用于控制元素的背景颜色、背景图片、重复方式、定位等。

1. 背景颜色（background-color）

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

body {
  background-color: #f0f0f0;
}

2. 背景图片（background-image）

可以为元素添加背景图片：

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

3. 背景完整写法示例

以下是一个完整的背景设置示例，包含图片、不重复、居中、固定尺寸：

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

4. 响应式背景建议

在移动端适配时，推荐使用 background-size: cover 或 contain 来确保背景图片美观显示。

5. 小贴士

• 避免使用过大尺寸的背景图，影响加载速度。
• 始终提供 fallback 背景色，以防图片加载失败。
• 可结合 linear-gradient 创建渐变背景。