Html 如何使背景图像水平重复？

我想让一个图像在水平方向上重复，我想我可以通过使它成为背景图像来实现这一点，但它不起作用。告诉我我做错了什么，谢谢

您可以使用背景使其水平重复，但背景需要在容器上，而不是

img

本身。这样做：

<div id="background"> <img src="images/Untitled.gif" id="Image5" alt="" style="background-repeat:repeat-y;width:273px;height:68px;"/> </div>

---

您可以使用背景使其水平重复，但背景需要在容器上，而不是

img

本身。这样做：

<div id="background"> <img src="images/Untitled.gif" id="Image5" alt="" style="background-repeat:repeat-y;width:273px;height:68px;"/> </div>

试试这个：

<div style="height: 68px; background: url(image.png);"></div>

你的文本在这里。

试试这个：

<div style="height: 68px; background: url(image.png);"></div>

你的文本在这里。

您可以使用

后台重复：repeat-x属性。ref：您可以使用
后台repeat:repeat-x属性。ref:别忘了OP也要求
重复-x
。@Boaz:如果它足够短，那么它就没有机会在Y轴上重复。是的，但不能从问题中推断出来。@Boaz:这就是为什么我在OP中包含一个明确的
高度
。但是图像的高度显然是
68px
，因此，对于一个
100px
高的容器，背景肯定也会垂直重复。别忘了OP也要求
repeat-x
。@Boaz:如果足够短，它就没有机会在Y轴上重复。是的，但这不能从这个问题中推断出来。@Boaz:这就是为什么我在OP中加入了一个明确的
高度
。但是图像的高度在OP中明显是
68px
，因此对于
100px
高容器，背景肯定也会垂直重复。