Как поставить фон в html css

Чтобы поставить фон в HTML и CSS, вы можете использовать следующие методы.

Метод 1: Свойство background-color

Свойство background-color позволяет задать цвет фона элемента.

HTML:

<div class="container">
  <p>Этот текст на белом фоне</p>
</div>

CSS:

.container {
  background-color: white;
}

Метод 2: Свойство background-image

Свойство background-image позволяет установить изображение в качестве фона элемента.

HTML:

<div class="container">
  <p>Этот текст на фоне с изображением</p>
</div>

CSS:

.container {
  background-image: url('myimage.jpg');
}

Метод 3: Свойство background

Свойство background объединяет свойства background-color, background-image, background-repeat, background-position и background-size в одно свойство.

HTML:

<div class="container">
  <p>Этот текст на фоне с изображением и цветом</p>
</div>

CSS:

.container {
  background: white url('myimage.jpg') no-repeat center;
}

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

Метод 4: Свойство background-attachment

Свойство background-attachment контролирует, как будет прокручиваться фоновое изображение, когда пользователь прокручивает страницу.

CSS:

.container {
  background: white url('myimage.jpg') no-repeat center;
  background-attachment: fixed;
}

Здесь мы использовали свойство background-attachment для зафиксирования заднего фона, когда пользователь прокручивает страницу.