css 背景渐变色

作者：战天独尊发布日期:2026-03-31 浏览:20

/* 线性渐变背景色 */
body {
  background: linear-gradient(to right, red, yellow);
}

/* 解释说明：
- `linear-gradient` 函数用于创建一个线性渐变的背景。
- `to right` 表示渐变方向是从左到右。
- `red` 和 `yellow` 是渐变的起始颜色和结束颜色。
*/

/* 径向渐变背景色 */
body {
  background: radial-gradient(circle, red, yellow);
}

/* 解释说明：
- `radial-gradient` 函数用于创建一个径向渐变的背景。
- `circle` 表示渐变的形状为圆形。
- `red` 和 `yellow` 是渐变的起始颜色和结束颜色。
*/

下一篇：css 修改滚动条样式