Como colocar cores de fundo em varias partes da página

[don_jon 0]

Gostaria de saber como eu coloco várias cores de fundo na página como neste site http://www.fazinova.com.br/. Eu queria que as cores ficassem juntas mas quando eu faço isso fica espaçado.

 

Grato desde já

[Fábio BN 17]

Cria várias DIVs com largura de 100% e define uma altura fixa.
Depois vc define margin-top:0 para toda elas.

E no HTML vc coloca uma DIV em baixo da outra:

 

CSS

.div1{background:#333333; height:60px; margin-top:0; width:100%}

.div2{background:#cor1; height:60px; margin-top:0; width:100%}

.div3{background:#cor3; height:70px; margin-top:0; width:100%}

.div4{background:#cor4; height:90px; margin-top:0; width:100%}

 

HTML

<div = class="div1" </div>

<div = class="div2" </div>

<div = class="div3" </div>

<div = class="div4" </div>

 

Abraços - Fábio!

[don_jon 0]

Fábio, eu fiz o teste, deu certo, porém ainda fica um espaço na borda superior e lateral como esta nesse link http://matrixcontabil.com.br/teste/teste-tablela.html

 

Será que tem como cobrir esses espaços?

 

Valeu!

[Fábio BN 17]

Oi.

 

Coloca isso no início do seu CSS que funciona:

 

* { margin:0; padding:0; border: 0 }

 

Abraços - Fábio!

[don_jon 0]

Funcionou, Fábio. Obrigado!

[Jonathan Djavan 2]

Jon, procura saber o que é o CSS Reset ou um Normalize, vai te ajudar nos teus desenvolvimentos :)