css 从上到下渐变

要实现从上到下的渐变效果，可以使用 CSS 的线性渐变（linear gradient）属性。例如，如果要在一个元素的背景上实现从上到下的渐变，可以使用以下代码：

.gradient {
  background: linear-gradient(to bottom, #ff0000, #0000ff);
}

在上面的代码中，`linear-gradient` 是线性渐变属性，`to bottom` 指定了渐变的方向为从上到下。`#ff0000` 和 `#0000ff` 是起始和结束颜色，你可以根据需要自行调整。

然后，在 HTML 中将该类应用到需要渐变背景的元素上，例如：

<div class="gradient">这是一个使用渐变背景的元素</div>

这样，该 `div` 元素的背景将呈现从上到下的渐变效果。你可以根据需求修改颜色和其他属性来达到你想要的效果。