css渐变怎么写

background: linear-gradient(direction, color-stop1, color-stop2, ...);

/* 从上到下的线性渐变 */
background: linear-gradient(to bottom, red, yellow);

/* 从左到右的线性渐变 */
background: linear-gradient(to right, red, blue);

/* 45度角的线性渐变 */
background: linear-gradient(45deg, red, yellow, green);

background: radial-gradient(shape size at position, color-stop1, color-stop2, ...);

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

/* 椭圆形的径向渐变 */
background: radial-gradient(ellipse, red, blue, green);

/* 自定义位置和大小的径向渐变 */
background: radial-gradient(circle at 50% 50%, red, yellow, green);