Как установить фон ячейки данных в HTML / CSS? - PullRequest
Новая
       62

Как установить фон ячейки данных в HTML / CSS?

0 голосов
/ 26 января 2020

Я пытаюсь установить фоновое изображение каждой ячейки данных на изображение. Когда я использую метод, показанный ниже, я получаю только верхний левый угол фотографии.

Как показано ниже, я просто устанавливаю фон каждой ячейки данных для изображения, которое я выбрал; Тем не менее, я предполагаю, что есть еще стиль, который нужно сделать для класса. Кто-нибудь знает, что это будет? 

.example {
  background-image: url("https://i.ytimg.com/vi/MPV2METPeJU/maxresdefault.jpg");
}
<table class="example">
  <tr>
    <td>
      <p> ONE </p>
    </td>
    <td>
      <p> TWO </p>
    </td>
  </tr>
</table>

1 Ответ

0 голосов
/ 26 января 2020

Прежде всего, если вы хотите, чтобы изображения в ячейках, вы должны выбрать td в вашем css. Затем используйте background-size, чтобы определить размер изображения. 

.example td {
  background-image: url("https://i.ytimg.com/vi/MPV2METPeJU/maxresdefault.jpg");
  background-size: cover;
}
<table class="example">
  <tr>
    <td>
      <p> ONE </p>
    </td>
    <td>
      <p> TWO </p>
    </td>
  </tr>
</table>
...