css渐变色背景

作者：潇洒一醉发布日期:2025-10-17 浏览:38

/* 渐变色背景示例代码 */

/* 线性渐变 */
body {
  background: linear-gradient(to right, #ff7e5f, #feb47b);
}

/* 解释说明：
- `linear-gradient` 函数用于创建一个线性渐变的背景。
- `to right` 表示渐变的方向是从左到右。
- `#ff7e5f` 和 `#feb47b` 是两个颜色值，表示从第一个颜色平滑过渡到第二个颜色。 */

/* 径向渐变 */
body {
  background: radial-gradient(circle, #ff7e5f, #feb47b);
}

/* 解释说明：
- `radial-gradient` 函数用于创建一个径向渐变的背景。
- `circle` 表示渐变的形状为圆形。
- `#ff7e5f` 和 `#feb47b` 是两个颜色值，表示从中心向外逐渐变化的颜色。 */

上一篇：css left

下一篇：css important的用法