Olá Gustavo, tudo bem?

É possível visualizar a cor do background da página, pois é padrão que isso ocorra mesmo que a página esteja vazia. Entretanto, para visualizarmos e modificarmos o background do header e de outros elementos, podemos acrescentar conteúdos de texto no HTML ou apenas estilizar no CSS acrescentando as especificações de altura e largura, para que ele possa "aparecer" de fato.

1. Com texto: acrescentei um texto modelo no HTML e mantive o CSS da forma que você colocou:

<header>
       <div class="box1">
                <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Earum fugit dolorem, itaque tempore odit natus, mollitia illo aspernatur quo officiis exercitationem deserunt repudiandae. Culpa tenetur et earum assumenda enim velit.</p>
       </div>    
</header>

Esse foi o resultado:

2. Sem texto: caso queira apenas a cor de fundo, você poderá manter o HTML da forma que colocou e estilizar no CSS acrescentando as medidas de altura e largura, dessa forma:

.box1 { /* ou header */
    height: 100px;
    width: 1500px;
    background-color: black;
}

O resultado é semelhante ao da opção 1.

Independente das formas que escolher fazer, a partir de agora você poderá modificar a cor como desejar.

Espero ter ajudado, qualquer dúvida fique a vontade para perguntar. Bons estudos!

Agradeço pela explicação Beatriz