如何在css中用一种颜色绘制半对角线，用另一种颜色绘制另一半对角线答案

【问题标题】：How to draw a half diagonal with one color and another half with another of navbar in css如何在css中用一种颜色绘制半对角线，用另一种颜色绘制另一半对角线
【发布时间】：2018-07-01 04:01:32
【问题描述】：

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

【问题讨论】：

希望您至少尝试自己编写代码。我建议你做一些additional research，无论是通过谷歌还是通过搜索，尝试一下。如果您仍然遇到问题，请返回您的代码并解释您尝试过的操作。

标签： css css-shapes

【解决方案1】：

只需使用gradient:

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

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

【讨论】：