css颜色渐变

作者：剑歌踏天下发布日期:2026-04-24 浏览:131

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

/* 解释：此代码创建了一个从左到右的线性渐变背景，颜色从红色（red）逐渐过渡到黄色（yellow）。 */

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

/* 解释：此代码创建了一个径向渐变背景，颜色从中心的红色（red）逐渐过渡到外围的黄色（yellow）。 */

/* 多色渐变 */
background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);

/* 解释：此代码创建了一个从左到右的多色线性渐变背景，颜色依次从红色（red）过渡到橙色（orange）、黄色（yellow）、绿色（green）、蓝色（blue）、靛蓝（indigo）和紫罗兰色（violet）。 */

上一篇：css 浮动

下一篇：css 数字换行