如何将 25% div 的一种纯色和另 75% div 的纯色设置为另一种纯色？

Question

我有这个div:

<div class="sh-continer-fluid bg-blue"><div>

我想将此 div 的 25% 设置为蓝色，将 div 的 75% 设置为白色。所以，我正在使用 CSS:

.bg-blue {
    background-color: #5366ea;
    background: linear-gradient(90deg, #FFC0CB 25%, #00FFFF 75%);
}

但它显示的是浮动渐变色。我需要纯色渐变色。有什么想法吗？

不是这个：

我的意思是：

Answer 1

您可以尝试这样的操作：

.bg-blue {
  width: 100%;
  height: 25px;
  background: -moz-linear-gradient(left, blue 75%, white 25%);
  background: -webkit-linear-gradient(left, blue 75%, white 25%);
  background: linear-gradient(to right, blue 25%, white 25%);
}

我放的高度只是为了测试，你可以随意调整。

如何将 25% div 的一种纯色和另 75% div 的纯色设置为另一种纯色？

How to style 25% of div one solid color and another 75% div to another solid color?

html

css