css做出背景渐变效果 |css始终在底部

background: linear-gradient(to right, #fd5d93, #c10053);

上面这段代码实现了一个从左到右的线性渐变效果，使用了linear-gradient属性，同时指定起点颜色和终点颜色。#fd5d93表示起点颜色，#c10053表示终点颜色。

除了线性渐变效果外，大家还可以使用径向渐变效果，它可以创建出一个从中心点向外扩散的圆形渐变。以下是一个示例：

background: radial-gradient(circle, #ff8a00, #da1b60);

这段代码创建了一个圆形渐变效果，circle表示圆形，#ff8a00表示渐变的起点颜色，#da1b60表示渐变的终点颜色，效果如下：

另外，大家还可以通过CSS的渐变属性指定多个颜色，从而实现更加丰富的渐变效果。以下是一个示例：

background: linear-gradient(to right, #fedcba, #987654, #fedcba);

这段代码定义了三种颜色，其中第二种颜色是中间色，效果如下：

以上就是CSS实现背景渐变效果的简单介绍，希望能对大家有所帮助。