使用CSS使背景颜色仅水平重复

我指定了一个颜色十六进制代码作为一个很长div的

背景色

。但是，我希望这个颜色只在第一部分从左到右水平重复，而不是再往下重复

---

这可以通过使用背景重复：重复-y来完成吗？或者有其他方法吗？

颜色没有高度……它们只是存在，没有尺寸。如果要在背景颜色和文档其余部分之间进行视觉区分，则需要使用实心图像作为背景图像：

div.className {
  background-image:url("images/background.jpg");
  background-position:left top;
  background-repeat:repeat-x; // Causes repeat from left-to-right only
}

---

你的意思是重复背景色还是图像？我假设一幅图像因为重复背景色而毫无意义。是的，这是正确的方法：

#mydiv {
  background-image: url(images/background.png);
  background-repeat: repeat-x;
}

---

background repeat CSS属性定义背景图像的重复方式。背景图像可以沿水平轴、垂直轴重复，也可以不重复。当图像分幅的重复无法完全覆盖背景时，作者可以控制调整的方式：默认情况下，最后一幅图像被剪裁，但不同的分幅可以重新调整大小，或者可以在分幅之间插入空间

---

在创建1px图像并将其放入编码为base64的CSS中时，或者通过使用多个html元素和定位，无需文件即可实现这一点。此时不能为纯CSS中定义的纯颜色指定背景大小（不使用图像技巧）

也看到