Работа с фоновыми картинками в CSS

Изображение, которое добавляется в HTML с помощью тега .

Изображение, которое используется только в заголовке страницы.

Изображение, которое автоматически изменяет размер при изменении окна.

Фоновое изображение в CSS - это изображение, установленное в качестве фона элемента с помощью свойства 'background-image'.

Используйте CSS-свойство 'background-image'.

Примените атрибут 'src' к элементу.

Используйте свойство 'background-color'.

Задайте изображение через HTML-тег .

background

margin

color

padding

Измените размер изображения с помощью 'background-size'.

Удалите фоновое изображение с помощью 'background: none'.

Используйте CSS-свойство 'background-color'.

Используйте CSS-свойство 'background-position'.

Определяет позицию фона элемента.

Добавляет изображение фона элементу.

Изменяет цвет фона элемента.

Устанавливает размер фона элемента.

inherit

no-repeat

repeat

initial

background-repeat: no-repeat;

background-repeat: repeat-x;

background-repeat: repeat;

background-repeat: repeat-y;

Свойство background-size управляет прозрачностью фонового изображения.

Свойство background-size определяет положение фонового изображения.

Свойство background-size задает размер фонового изображения.

Свойство background-size изменяет цвет фона.

auto

cover

initial

contain

background-color: auto;

background-size: cover;

background-repeat: no-repeat;

background-position: center;