Урок 109 із 239
46%
← Назад

Зображення для фону в CSS

Вивчаємо, як встановити зображення як фон елемента за допомогою властивості background-image.

Зображення для фону в CSS

У CSS можна використовувати зображення як фон для будь-якого елемента. Для цього застосовується властивість background-image.

Якщо встановити зображення фоном для body, воно буде відображатися на всій сторінці.

❗ Важливо:

За замовчуванням фонове зображення повторюється по горизонталі та вертикалі.

  • background-image — встановлює зображення як фон.
  • url() — вказує шлях до файлу зображення.
  • За замовчуванням зображення замощується (повторюється).
📌 Завдання:
  1. №1. Додайте зображення
  2. №2. Встановіть це зображення фоном для body.
  3. №3. Перевірте, як зображення повторюється у вікні браузера.
✅ Показати відповідь
body {
  background-image: url("/img/img.png");
}