如何在html、css中构建双色导航栏？

如何在导航栏中使用html/CSS创建以下设计思想（见图）？我会在后面添加其余的链接

---

您可以将

线性梯度

与定义的停止点一起使用

.header{
填充：2rem；
背景：线性梯度（45度，红色50%，蓝色50%）；
}

---

标题

SVG，伪元素，线性渐变->选择。。。此外，您还应努力进行研究，并尝试自己解决问题。在这里和网络上，关于对角线形状的元素有成千上万个类似的主题。你可以在导航栏中使用SVG背景