Как изменить размер фона в html

Аватар пользователя Aleksey
Aleksey
06 апреля 2023

В HTML размер фона задается через свойство CSS background-size. Например, чтобы установить фоновое изображение на всю ширину и высоту контейнера, можно использовать следующий код:

<div
  class="container"
  style="background-image: url('image.jpg'); background-size: cover;"
></div>

В этом примере мы устанавливаем изображение в качестве фона для контейнера с классом container и задаем значение cover для свойства background-size, что означает, что изображение будет растянуто на всю доступную площадь с сохранением пропорций и обрезкой лишнего.

Также можно использовать другие значения для свойства background-size, например, contain (изображение будет вписано в контейнер с сохранением пропорций) или конкретные значения в пикселях или процентах. Например:

<style>
  .container {
    background-image: url('image.jpg');
    background-size: 50% 50%;
  }
</style>

<div class="container"></div>
0 0

Похожие вопросы