css怎么设置渐变色

如何使用 CSS 设置渐变色

引言
渐变色在网页设计中广泛应用，可用于创建醒目的视觉效果。CSS 提供了多种方法来设置渐变色。

方法 1：使用 linear-gradient()
这是创建线性渐变的最简单方法。语法如下：

linear-gradient(direction, color-stop1, color-stop2, ...);

示例：

立即学习“前端免费学习笔记（深入）”；

linear-gradient(to bottom, #ff0000, #00ff00);

方法 2：使用 radial-gradient()
此方法创建从中心点向外辐射的径向渐变。语法如下：

radial-gradient(shape, size, start-color, end-color);

示例：

立即学习“前端免费学习笔记（深入）”；

radial-gradient(circle, 100px, #0000ff, #ffffff);

方法 3：使用 repeating-linear-gradient() 和 repeating-radial-gradient()
这些方法创建重复的渐变。语法与相应的 linear-gradient() 和 radial-gradient() 相似，但添加了 repeating- 前缀。

其他属性

示例：

立即学习“前端免费学习笔记（深入）”；

background: linear-gradient(to bottom, red, yellow);background-position: left top;background-size: 100% 50%;background-clip: content-box;