Чтобы поставить фон в 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 для зафиксирования заднего фона, когда пользователь прокручивает страницу.
