css linear-gradient使用规则

CSS linear-gradient() 函数用于创建线性渐变效果，可以应用于背景图像、文本颜色和边框等属性。其语法如下：

linear-gradient([<angle>|to <side-or-corner>], <color-stop-list>)

其中，`<angle>` 表示渐变方向角度，可选值为 0deg 到 360deg 之间的角度值；`to <side-or-corner>` 表示渐变方向，可选值为 top、bottom、left、right、top left、top right、bottom left 和 bottom right；`<color-stop-list>` 表示渐变过程中的颜色值和位置，格式为 `<color> <position>`，其中 `<color>` 表示颜色值， `<position>` 表示颜色的位置，可选值为百分比（%）或像素（px）。

以下是一些常用的线性渐变示例：

1. 从上到下的渐变：

background: linear-gradient(to bottom, #FFF, #000);

2. 从左上角到右下角的渐变：

background: linear-gradient(to bottom right, #FFF, #000);

3. 指定角度的渐变：

background: linear-gradient(45deg, #FFF, #000);

4. 渐变过程中设置多个颜色和位置：

background: linear-gradient(to bottom, #FFF, #000 50%, #FFF);