как поставить картинку на задний фон таблицы в html

Картинка на задний фон таблицы. Как поставить изображение на задний фон таблицы!?

Будем ставить на задний фон таблицы картинку!

Для того, чтобы поставить картинку - нам понадобится картинка... и код таблицы!

О картинке на заднем фоне таблицы.

1. Установка картинки на задний фон таблицы.
2. Заполняем все пространство таблицы картинкой

Установка картинки на задний фон таблицы.

Нам понадобится код таблицы, в которой и будем ставить картинку на задний фон...И кроме таблицы, нам понадобится изображение, вообще любое, к примеру вот нам такое попалось под руку...



И код таблицы :

<table width="140" height="140". border="1" >
<tr>
<td>&nbsp;</td>
</tr>
</table>


Давайте выведем данную таблицу :


Добавляем свойство заднего фона...

background="https://marrex.ru/foto/Game/Angry_Birds/Angry_Birds_for_WINDOWS_clip_image002.jpg"


Соберем весь код вместе:

<table width="140" height="140" border="1" >
<tr>
<td background="//marrex.ru/__arhiv/updates/Site/Tablitsa/2020_10_12_09_22.jpeg">&nbsp;</td>
</tr>
</table>


Ну и результат, установки картинки на задний фон таблицы:

Заполняем все пространство таблицы картинкой

Не совсем удачно смотрится наша картинка внутри таблицы, поэтому задний фон таблицы нужно растянуть на всю высоту и ширину.

Для этого есть свойство :

background-size: cover


Его нужно поместить в атрибут style :

background-size: cover"


Новый код растянутой картинки на всю ширину и высоту таблицы:

<table width="140" height="140" border="1" >
<tr>
<td background="//marrex.ru/__arhiv/updates/Site/Tablitsa/2020_10_12_09_22.jpeg" style="background-size: cover">&nbsp;</td>
</tr>
</table>


Смотрим результат растягивания картинки на всю ширину и высоту таблицы:

В прошлый раз делали , задний фон у таблицы.