Как в шапку поместить логотип или просто картинку?

Каким образом в место обычного цветового фона в шапке можно сунуть картинку или логотип? Я пробывал background-image: url(путь до png файла) ;

но шапка просто становилось белой и все.

html

css

4 ответов

Здесь было:

https://fructcode.com/ru/qa/logotip-r5hhbw/

Можно использовать просто background свойство с картинкой, типа такого:

background: url(myimage.jpg);

или background-image:

background-image: url("myimage.png");
background-color: red;

или так:

  background-image: url("myimage.jpg"); /* Фоновая картинка */
  background-color: #cccccc; /* Если картинка недоступна использовать такой цвет для фона */
  height: 350px; /* Высота картинки */
  background-position: center; /* Позиционировать по центру */
  background-repeat: no-repeat; /* Не повторять картинку */
  background-size: cover; /* Растягивать картинку на весь контейнер */

А как поставить вместо background-color: black;

фоновую картинку?

В видео уроке по html,css я не увидел данного действия

.header{                    
    background-color: black;
	height: 177px;
	font-size: 0.9em;
	margin-left: 0px;
	margin-right: 0px;
	min-width: 900px;
}

ААА)))) Я хотел уже начать писать почуму-то у меня не встает картинка фона. Я так и раньше делал и не выходило подумал может спросить задать вопрос)) А оказывается я путь не так писал. Я сначало не догнал что css файел лежит в assets/css я же в нем прописываю))) Нужно было путь писать отталкиваясь от папки css)) Спасибо за помощь))