css设置渐变色从上到下

要设置从上到下的渐变色，可以使用线性渐变（linear-gradient）来实现。在CSS中，可以通过设置背景图像的方式来创建渐变效果。具体的语法为：
background-image: linear-gradient(direction, color-stop1, color-stop2, ...);
其中，direction表示渐变的方向或角度，可以使用角度值（单位为deg）或关键字（如to top表示从下到上的渐变）。color-stop1、color-stop2等表示色标，即要呈现平滑过渡的颜色。

例如，要实现从上到下的渐变色，可以使用以下代码：

background-image: linear-gradient(to bottom, red, yellow);

这会创建一个从红色到黄色的渐变色背景。可以通过调整色标的数量和颜色来实现更复杂的渐变效果。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [css基础知识 -- 颜色渐变](https://blog.csdn.net/qq_52993453/article/details/121440055)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *3* [css中的渐变色](https://blog.csdn.net/ccattempt/article/details/113924242)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]