Не отображается header

Question

.header {
  height: 101px;
  weight: 100%;
  background: url(img/header_bg.png);
}

<!DOCTYPE html>
<html lang="ru">

<head>
  <meta charset="UTF-8">
  <title>Обои</title>
  <link rel="stylesheet" href="style.css">
</head>

<body>
  <div>
    <header>

    </header>
  </div>
</body>

</html>

Хочу использовать картинку для отображения HEADER, в чем проблема?

Answer 1

Путь к файлу указывайте в ковычках.
Вы указываете стиль для класса header, указывайте просто для элемента header(Без точки вначале).
Ширина элемента пишется как width.

<style>
    header {
        height: 101px;
        width: 100%;
        background: url('Путь к файлу');
    }
</style>
<head>
    <meta charset="UTF-8">
    <title>Обои</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
<div>
    <header>

    </header>
</div>
</body>

БЛОГ НА HUSL

Не отображается header

Ответы (1 шт):