要使用 CSS 设置背景线性渐变,需要使用 background-image 属性并将它设置为 linear-gradient()。在 linear-gradient 函数中,需要指定渐变的起始和结束颜色,以及渐变的方向和颜色的停止位置。
以下是一个示例:
background-image: linear-gradient(to bottom, #ff0000, #0000ff);
在这个示例中,渐变的方向是从上到下,起始颜色是红色(#ff0000),结束颜色是蓝色(#0000ff)。
另外,可以使用关键词来指定渐变的方向。例如:
background-image: linear-gradient(to right, #ff0000, #0000ff);
这个示例中,渐变的方向是从左到右。
需要注意的是,linear-gradient 函数中可以指定多个颜色和它们的停止位置。例如:
background-image: linear-gradient(to bottom, #ff0000 0%, #00ff00 50%, #0000ff 100%);
在这个示例中,渐变的方向是从上到下,起始颜色是红色(#ff0000),它的颜色停止位置是0%,中间颜色是绿色(#00ff00),它的颜色停止位置是50%,结束颜色是蓝色(#0000ff),它的颜色停止位置是100%。
总之,使用 CSS 设置背景线性渐变需要使用 background-image 属性和 linear-gradient() 函数,并指定起始和结束颜色、渐变方向和颜色停止位置等参数。