Доверьте продвижение нам

Lion Digital Agency

интернет-маркетинг

теги:

Категории

Рубрики

Продвижение на авито под ключ. Получите клиентов в первую неделю. Создадим до 50тыс похожих объявлений!

от 29500 

Настройка и сопровождение рекламного кабинета Яндекс Директ.

от 14000 

Услуги SEO копирайтера под ключ. Пишем качественные тексты.

от 950 

Background css как вписать изображение полностью

Чтобы вписать изображение целиком в фон элемента (например, в фон страницы или блока), в CSS используется свойство background-size: cover;. Это свойство масштабирует изображение таким образом, чтобы оно полностью заполняло заданный элемент, при этом сохраняя пропорции сторон.

Пример:

body {
  background-image: url("image.jpg");
  background-size: cover;
}

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

Также можно задать свойство background-position: center;, чтобы изображение было выровнено по центру элемента.

body {
  background-image: url("image.jpg");
  background-size: cover;
  background-position: center;
}

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

Поделиться:

Комментарии

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Задать вопрос

Оставляя заявку, вы соглашаетесь с политикой обработки персональных данных.

Меню

Оставить заявку

Оставляя заявку, вы соглашаетесь с политикой обработки персональных данных.