Как вставить картинку в блок CSS

Для вставки картинки в блок CSS можно использовать свойство background-image. Например:

.block {
  background-image: url('path/to/image.jpg');
}

Здесь block — это класс блока, в который нужно вставить картинку, а ‘path/to/image.jpg’ — путь к файлу с изображением. Картинка будет отображаться в качестве фона блока.

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

.block {
  background: url('path/to/image.jpg') no-repeat center center;
  background-color: #fff;
}

Здесь no-repeat указывает, что изображение не должно повторяться, center center — что оно должно быть выровнено по центру, а #fff — это цвет фона.

реклама

Качественный хостинг сайтов

реклама

Получите консультацию нашего маркетолога

Изучит ваш проект, подберет подходящие услуги и тарифы

Получите бесплатный аудит

Наш специалист сделает базовый аудит вашего проекта и предложит персональные предложения.

Закажите услугу Как вставить картинку в блок CSS

Наш специалист свяжется с вами в ближайшее время и уточнит детали