使用CSS渐变色实现背景色渐变效果

CSS渐变色是一种在网页中实现背景色渐变效果的方法。通过定义起始颜色和结束颜色，可以创建平滑过渡的渐变效果。本文将详细介绍如何使用CSS编写渐变色的代码，并提供相应的源代码示例。

CSS渐变色的语法由以下部分组成：

1. 渐变类型（gradient type）：线性渐变（linear gradient）或径向渐变（radial gradient）。
2. 渐变方向（gradient direction）：对于线性渐变，可以指定渐变的方向，如从上到下、从左到右等；对于径向渐变，可以指定渐变的中心点和半径。
3. 起始颜色（start color）：渐变的起始颜色。
4. 结束颜色（end color）：渐变的结束颜色。
5. 颜色位置（color stops）：可以指定多个颜色位置，用于控制渐变的过渡效果。

下面是一个使用线性渐变实现从上到下的背景色渐变效果的示例代码：

.gradient-background {