background-image

задає фонове зображення елемента, адреса якого вказується аргументом функції url(). Це може бути як відносний, так і абсолютний шлях. Варто відразу задати колір фону та фонове зображення, яке завжди буде розташоване поверх фону. Наприклад, у випадку коли зображення не завантажилося, користувач побачить хоча б колір фону, що виділяється, а не порожнє місце. Це особливо актуально, якщо в блоці є текст, колір якого не контрастує з основним кольором документа.

.hero {
background-color: #2a2a2a;
background-image: url(шлях до зображення);
}