CSS從上到下漸變色設(shè)置方法

在CSS中，我們可以使用線性漸變（Linear Gradient）來(lái)實(shí)現(xiàn)從上到下的漸變色，線性漸變是一種在一條直線上改變顏色的方法，可以通過(guò)設(shè)置起始顏色和結(jié)束顏色來(lái)實(shí)現(xiàn)漸變的效果。

下面是一個(gè)簡(jiǎn)單的例子，展示如何設(shè)置CSS漸變色：

.gradient-box {
  width: 200px;
  height: 200px;
  background: linear-gradient(to bottom, #ff0000, #00ff00);
}

在這個(gè)例子中，我們創(chuàng)建了一個(gè)名為.gradient-box的類，這個(gè)類應(yīng)用了一個(gè)線性漸變背景，漸變的起始顏色是紅色（#ff0000），結(jié)束顏色是綠色（#00ff00）。to bottom關(guān)鍵字指定了漸變的方向，即從上到下。

你可以根據(jù)需要調(diào)整漸變的起始顏色和結(jié)束顏色，以及漸變的方向，這種方法可以方便地在CSS中實(shí)現(xiàn)從上到下的漸變色效果。