css - 如何在CSS中用一种颜色绘制一半对 Angular 线，用另一种颜色绘制另一半对 Angular 线

Question

我将 Bootstrap 与 css 和 java 脚本结合使用。在不影响前端代码的情况下，我真的很难在css中绘制这个背景。在许多问题中，人们将宽度和高度设置为 0%。但是由于我的导航栏，我不能使用这种样式设置方法。而且我非常想知道如何在透明 View 中将我的 Logo 附加为我的品牌名称。下图清楚地显示了我正在尝试做的事情:

Answer 1

只需使用 gradient :

.header {
  height:80px;
  background:linear-gradient(to bottom left,blue 49%,transparent 51%);
}

<div class="header">
</div>