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

Есть несколько способов вставить фон в HTML и CSS.

  1. С помощью свойства background-image в CSS:
body {
  background-image: url("путь_к_файлу_с_фоном.jpg");
}
  1. С помощью тега в HTML:
<body>
  <img src="путь_к_файлу_с_фоном.jpg" alt="Фоновое изображение">
  <!-- остальной контент -->
</body>
  1. С помощью тега и CSS:
<body>
  <div class="background"></div>
  <!-- остальной контент -->
</body>
.background {
  background-image: url("путь_к_файлу_с_фоном.jpg");
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

В этом случае создается пустой блокdiv>, который занимает всю область экрана и на который накладывается фоновое изображение.

реклама

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

реклама

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

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

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

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

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

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