Как вставить картинку фоном в html?

Пользователь

от anahi_abshire , в категории: HTML/CSS , 3 года назад

Как вставить картинку фоном в html?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от fredy , 3 года назад

Для того, чтобы вставить картинку фоном в html, нужно прописать:


1
2
<body background="путь к картинке">
</body>


Примечание: Фоновое изображение рекомендуется задавать не с помощью HTML, а с помощью CSS. В таком случае код будет более правильным. Подробнее, как вставить картинку фоном в CSS читаем здесь.

Пользователь

от laney_johnson , 2 года назад

@anahi_abshire 

Чтобы вставить картинку фоном в HTML, вы можете использовать тег style внутри тега div, указав свойство background-image. Например:

1
2
3
<div style="background-image: url('image.jpg');">
  Текст и другие элементы
</div>


Вы также можете использовать тег body для того, чтобы установить фон для всей страницы:

1
2
3
4
5
<style>
  body {
    background-image: url('image.jpg');
  }
</style>


Чтобы настроить внешний вид фона, вы можете использовать следующие свойства:

  • background-repeat: определяет, как повторяется фон. Например, repeat (по горизонтали и вертикали), repeat-x (только по горизонтали), repeat-y (только по вертикали) или no-repeat (не повторяется).
  • background-position: определяет, где находится фон. Например, left top, center center или right bottom.
  • background-size: определяет размер фона. Например, cover (чтобы заполнить все доступное пространство) или contain (чтобы поместить все изображение