Javascript div中的多种颜色

我想要一个像这样的沙发

---

如何将方块设置为100x100px并重新重复该过程？

您可以使用纯css完成此操作。 有一个带有黑色和红色方块的图像，然后在X轴上重复该图像

---

}

您可以创建一个具有所需宽度的div，例如2000px，使用要重复的图像将背景设置为该div，在您的案例中为黑色和红色的两个正方形，然后重复该div

#div {
    width: 2000px;
    height: 100px;
    background: url("yourpicture.png") repeat-x;
} 

---

这将是纯css：

#虚线{
宽度：1000px；
高度：100px；
背景：重复线性梯度（90度，#DF0000，#DF0000 100px，#000000 100px，#000000 200px）
}

---

如果这只是纯色背景色，您可以使用

重复线性-渐变（）

或具有特定背景大小的
线性渐变

background-image: linear-gradient(to right, black 10px, red 10px, red 20px);
background-size: 20px 10px;

这两种变体都可以完成这项工作


.div1{
背景：重复线性渐变（向右，黑色，黑色10px，红色10px，红色20px）；
高度：10px；
边缘底部：10px；
}
.第2分部{
背景图像：线性渐变（向右，黑色10px，红色10px，红色20px）；
背景尺寸：20px 10px；
边缘底部：10px；
高度：10px；
}

你试过什么吗？？？你试过CSS模式吗？你们可以找到的例子，或者你们可以使用模式生成器，比如重复y，你们确定吗？我的错误，重复x
background: repeating-linear-gradient(to right, black, black 10px, red 10px, red 20px);

background-image: linear-gradient(to right, black 10px, red 10px, red 20px);
background-size: 20px 10px;