为 div 提供两种背景颜色

Question

我想在我的 div 后面有两个独立的背景.login-section

示例 HTML：

<div class="login-container">
  <div class="login-section"></div>
</div>

我想为.login-containerdiv 提供两种不同的背景颜色，如图所示

Answer 1

您可以使用线性渐变背景。

.bg {
  height: 100vh;
  background: linear-gradient(#03a2e8 0%, #03a2e8 40%, #eeeeef 40%);
}

<div class="bg"></div>