linear-gradient设置起始位置

linear-gradient是CSS的一个属性，用于创建一个线性渐变效果。它可以设置起始位置和结束位置，以及颜色和停止点的位置。

要设置线性渐变的起始位置，可以使用关键字或者具体的数值来表示。以下是几种常见的方式：

1. 使用关键字：
- top：线性渐变从上方开始。
- bottom：线性渐变从下方开始。
- left：线性渐变从左侧开始。
- right：线性渐变从右侧开始。
- center：线性渐变从中心开始。

2. 使用具体的数值：
- 数字表示距离，可以是像素(px)、百分比(%)或其他支持的单位。
- 水平方向的起始位置使用水平距离，例如：10px、20%。
- 垂直方向的起始位置使用垂直距离，例如：10px、20%。

以下是一些示例：

/* 从左上角开始到右下角 */
background: linear-gradient(to bottom right, red, blue);

/* 从上方中心开始到下方中心 */
background: linear-gradient(to bottom, red, blue);

/* 从右侧开始到左侧结束 */
background: linear-gradient(to left, red, blue);

/* 从左侧30%处开始到右侧30%处结束 */
background: linear-gradient(to right, red 30%, blue 70%);

这样就可以根据需要设置线性渐变的起始位置了。希望对你有帮助！如有其他问题，请继续提问。