使用CSS填充背景-两种不同的颜色，一种重叠

我可以只使用CSS（没有图像作为背景）创建这样的填充吗？如何创建

我的意思是-我有两个div填充了两种颜色，但我只能用常规颜色填充，但我需要一个“重叠”部分

---

也许我需要两个div并用

背景色填充它们，第三个div用“两个重叠”的背景色填充。但是，我不知道如何创建此重叠部分。
当然，您可以使用多个元素并将其重叠，但最简单的方法是对背景使用倾斜的
线性渐变，如下面的片段中所示。将第一种颜色的颜色停止点作为第二种颜色的起点，使渐变输出看起来像两种纯色，而不是从一种渐变到另一种。（注意：我在第二种颜色的颜色开始处添加了0.5%的增量，因为倾斜的渐变通常会产生锯齿状边缘，这可以避免。）


。两种颜色{
高度：75px；
宽度：400px；
背景图像：线性梯度（135度，蓝色60%，黑色60.5%）；
}
我看不到来自workplace的图像，但您需要css渐变吗？我不确定我是否理解您的问题。您希望两个div重叠，并将重叠作为重叠颜色？所以如果你有一个紫色和一个黑色的div，重叠的颜色应该是紫色/黑色？@renathy：我最初没有添加线性渐变标签，因为我不确定这是否是你想要的。希望您现在对标签添加没有任何顾虑。如果有，请随时后退。