css渐变背景

作者：诸神之翼发布日期:2026-04-01 浏览:65

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

/* 线性渐变 */
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背景渐变色

下一篇：css靠右对齐