如何通过CSS3实现背景颜色线性渐变？

CSS3 提供了强大的渐变功能，你可以使用它来创建线性渐变背景颜色。下面是一个简单的例子：

body {
  /* 创建一个从左到右的线性渐变 */
  background: linear-gradient(to right, red, yellow);
}

在这个例子中，linear-gradient 函数用于创建线性渐变。to right 定义了渐变的方向，而 red 和 yellow 则是渐变的颜色。浏览器会从红色开始，然后平滑过渡到黄色。

你也可以使用多个颜色来创建更复杂的渐变：

body {
  /* 创建一个从左到右的包含三种颜色的线性渐变 */
  background: linear-gradient(to right, red, orange, yellow);
}

此外，你还可以使用百分比来定义每种颜色在渐变中所占的位置：

body {
  /* 创建一个从左到右的线性渐变，红色在 0% 的位置，黄色在 50% 的位置，蓝色在 100% 的位置 */
  background: linear-gradient(to right, red 0%, yellow 50%, blue 100%);
}

你也可以使用角度（例如 45deg）来定义渐变的方向：

body {
  /* 创建一个从 45 度角开始的线性渐变 */
  background: linear-gradient(45deg, red, yellow);
}

以上都是 CSS3 的 linear-gradient 函数的基础用法，你可以根据自己的需求来调整和扩展这些用法。