CSS 中的背景是一个非常重要的特性，因为它可以改变页面的整体外观和感觉。通过 CSS 背景，您可以使用图片、颜色或渐变来添加一个非常好的背景效果。
下面我们来看一下如何使用 CSS 完成常用的 CSS 背景特效。
/* 1. 使用颜色设置背景 */
body {
background-color: #f5f5f5;
}
/* 2. 使用图片设置背景 */
body {
background-image: url("example.jpg");
background-repeat: no-repeat;
/* 可选：背景图片不重复 */
background-size: cover;
/* 可选：背景图片自适应尺寸 */
}
/* 3. 使用渐变设置背景 */
body {
background: linear-gradient(to bottom, #f5f5f5, #e5e5e5);
}
/* 4. 结合多个背景来设置背景（如：图片+渐变） */
body {
background: url("example.jpg"), linear-gradient(to bottom, #f5f5f5, #e5e5e5);
}
/* 5. 更改单个元素的背景大小、位置和重复方式 */
div {
background-image: url("example.jpg");
background-repeat: no-repeat;
/* 可选：背景图片不重复 */
background-position: center center;
/* 可选：背景图片居中对齐 */
background-size: cover;
/* 可选：背景图片自适应尺寸 */
}
通过以上例子，相信你已经掌握了 CSS 背景特效的使用方法。接下来就是您的创造时间了！
