原理：
如果多个色标具有相同的位置，他们会产生一个无限小的过渡区域，从效果上看，颜色会从这个位置突然变化，而不是一个平滑的过程。 linear-gradient() 函数用于创建一个表示两种或者多种颜色线性渐变的图片。其结果属于<gradient>数据类型，是一种特别的<image>数据类型，因此我们可以通过background-size来控制渐变的大小。 如果某个色标的位置值比整个列表中在它之前的色标的位置小，则该色标的位置值会被设置为它前面所有色标位置值的最大值。（见示例2） 如果多个色标具有相同的位置，他们会产生一个无限小的过渡区域，从效果上看，颜色会从这个位置
如果多个色标具有相同的位置，他们会产生一个无限小的过渡区域，从效果上看，颜色会从这个位置突然变化，而不是一个平滑的过程。 linear-gradient() 函数用于创建一个表示两种或者多种颜色线性渐变的图片。其结果属于<gradient>数据类型，是一种特别的<image>数据类型，因此我们可以通过background-size来控制渐变的大小。 如果某个色标的位置值比整个列表中在它之前的色标的位置小，则该色标的位置值会被设置为它前面所有色标位置值的最大值。（见示例2） 如果多个色标具有相同的位置，他们会产生一个无限小的过渡区域，从效果上看，颜色会从这个位置
