css background渐变

作者：菠蘿。d海发布日期:2026-01-16 浏览:74

/* 线性渐变 */
background: linear-gradient(to right, red, yellow);

/* 解释：这行代码设置了背景为从左到右的线性渐变，颜色从红色 (red) 渐变到黄色 (yellow)。 */

/* 径向渐变 */
background: radial-gradient(circle, red, yellow);

/* 解释：这行代码设置了背景为径向渐变，颜色从中心的红色 (red) 渐变到外围的黄色 (yellow)，形状为圆形 (circle)。 */

/* 角度渐变 */
background: conic-gradient(from 90deg, red, yellow);

/* 解释：这行代码设置了背景为角度渐变，颜色从红色 (red) 渐变到黄色 (yellow)，起点角度为 90 度。 */

上一篇：css烟花特效

下一篇：css display:flex