Как мне повторить изображение в таблице по оси х с html?

Question

<table style="width:100%">
<tr>
<img src="Nintendo.full.2534139.JPG" />
</tr>
<td>
<h1>Random text blah blah</h1>
</td>

Это мой код, который я использовал. Я пробовал Background-repeat: repeat-x;, но это не сработало, и может ли кто-нибудь помочь мне с этим?

Answer 1

Куда вы положили background-repeat: repeat-x;?

Вы указали свой тег таблицы в CSS?

table {
  background-image: url(your-img-url);
  background-repeat: repeat-x;
}

Или вы можете попробовать обернуть все в div и добавить класс, такой как class="bg-img" для этого div.

И вместо использования таблицы вы будете делать что-то подобное в вашем CSS

.bg-img {
      background-image: url(your-img-url);
      background-repeat: repeat-x;
    }

Answer 2

Вы должны сделать как background-image, а не ставить его непосредственно как <img> в вашем tr:

<table style="width:100%">
<tr style="background-image:url("Nintendo.full.2534139.JPG")">
...
</tr>
<td>
<h1>Random text blah blah</h1>
</td>