css线性渐变怎么设置每种颜色的比例

在 CSS 线性渐变中，每种颜色的比例可以通过设置颜色停止点来实现。可以使用关键字或百分比来定义每个颜色停止点的位置。

例如，以下是一个从红色到蓝色的线性渐变，其中红色在 0% 处，蓝色在 100% 处，中间颜色的位置分别为 30% 和 70%。

background: linear-gradient(to right, 
            #ff0000 0%, 
            #ff5e00 30%, 
            #008cff 70%, 
            #0000ff 100%);

在上面的代码中，linear-gradient 是线性渐变函数，to right 表示从左到右渐变，后面跟着每个颜色停止点的位置和颜色值。0% 表示起始位置，100% 表示结束位置，30% 和 70% 表示中间位置。每个颜色停止点的位置可以根据需要自由设置。