css gradient

作者：仅限对你关心发布日期:2026-07-07 浏览:67

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

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

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

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

/* 角度渐变 */
background: linear-gradient(135deg, red, yellow);

/* 解释：此代码创建了一个角度为 135 度的线性渐变背景，颜色从红色逐渐过渡到黄色。 */

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

/* 解释：此代码创建了一个多色的线性渐变背景，颜色从左到右依次为红、橙、黄、绿、蓝、靛、紫。 */

上一篇：css文本溢出两行显示省略号

下一篇：css display: flex