Ir ao conteúdo
  • Cadastre-se
Regras do Clube do Hardware

Editar header e navbar com css

jpsan

Por jpsan
em Web e banco de dados

 Compartilhar

Posts recomendados

jpsan
 

jpsan

Postado
Postado

Olá a todos estou com uma dificuldade no CSS. 
Não domino nada dele e estou tendo que aprender no tranco.

Estou desenhando um header para uma pagina e fiz o seguinte codigo:

Css 


#header {
    background-color: #1E407F;
    margin: 10px;
    height: 90px;
}

#navbar {
    background-color: #1E407F;
    margin: 10px;
    margin-bottom: 0px;
    height: 30px;

}

body{
    background-color: #89B2FF;
}

.menu{
    color: red;
}

.menu label {
    padding-left: 50px;
    font-size: 20px;
    
}


.listra{
    height: 2px;
    background-color: #FF9800;
}

 

Html: 


<html>
<head>
    <link rel="stylesheet" href="style.css">
</head>
<body>

    <div id="header">
    
    </div>
    <div id="navbar">
        <div id="menu" class="menu">
            <label>Serviços</label> <label>Contato</label> <label>Localização</label> <label>Ofertas</label> <label>Cadastro</label> 
        </div>
    </div>
    <div id="listra"class="listra"</div>
    </br>
    <label>Teste teste </label>
</body>
</html>

 

Minha duvida é: tem como eu juntar a classe .listra com a #navbar? Preciso gerar o retângulo onde fica o header junto com listra laranja na mesma classe.

Isto é possível?

Desde já obrigado a todos 

Link para o comentário
Compartilhar em outros sites
Visitante
Este tópico está impedido de receber novas respostas.
 Compartilhar
Ir à lista de tópicos

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

Mais

×
×
  • Criar novo...