Как добавить background image в html?

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

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

Как добавить background image в html?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

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

@velma  Добавить background image в HTML можно так:


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

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

от evalyn.barrows , год назад

@velma 

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

1
2
3
4
5
6
7
<style>
  body {
    background-image: url('path/to/your/image.jpg');
    background-size: cover;
    background-repeat: no-repeat;
  }
</style>


  • background-image устанавливает изображение в качестве фона элемента.
  • background-size определяет, как изображение будет масштабироваться. Здесь указано cover, что означает, что изображение будет масштабироваться до того, чтобы полностью заполнить фон.
  • background-repeat определяет, следует ли повторять изображение. Здесь указано no-repeat, что означает, что изображение не будет повторяться.


Этот стиль можно применить к любому элементу HTML. Чаще всего он применяется к тегу body.