CSS 线性渐变颜色比例设置及分割线显示技巧

可以使用 CSS 的颜色停止点（color-stop）来设置每种颜色的比例。具体实现方式如下：

1. 在 CSS 中使用 linear-gradient 函数来创建线性渐变，例如：

background: linear-gradient(to right, red, yellow, green);

2. 使用颜色停止点来设置每种颜色的比例，例如：

background: linear-gradient(to right, 
  red 0%, 
  yellow 50%, 
  green 100%
);

这里，我们将红色设置为 0%，黄色设置为 50%，绿色设置为 100%。这意味着渐变将从红色开始，到达 50% 时转变为黄色，最后到达 100% 时变为绿色。

如果想要明显看到分割线，可以调整颜色停止点的位置，使其更加明显。例如，将黄色停止点设置为 40%：

background: linear-gradient(to right, 
  red 0%, 
  yellow 40%, 
  green 100%
);

这样可以让黄色的位置更加明显，从而更容易看到分割线。

另外，还可以使用 CSS 的其他属性来调整渐变的效果，例如渐变方向、角度、重复等等。根据具体需求进行调整即可。