linear-gradient用法

linear-gradient是CSS3中的一个渐变属性，用于设置线性渐变背景。其用法如下：

1. 基本语法：

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

其中：

- direction表示渐变方向，可选值有to top、to bottom、to left、to right、to left top、to left bottom、to right top、to right bottom等八个方向。

- color-stop1、color-stop2等表示渐变的颜色和位置，可以设置多个，颜色可以使用十六进制、RGB、RGBA等格式，位置可以使用百分比或像素值。

2. 示例：

background: linear-gradient(to bottom, #ff0000, #00ff00);

表示从上到下渐变，起始颜色为红色，结束颜色为绿色。

background: linear-gradient(to right, #ff0000 20%, #00ff00 80%);

表示从左到右渐变，起始颜色为红色（位置在20%处），结束颜色为绿色（位置在80%处）。

更多用法和示例可以参考CSS3官方文档。