1. Estilização de Cabeçalhos
CSS - Style Sheet
Professor: Jolvani
Aula 18

2. Estilização de Cabeçalhos - CSS

Já sabemos colocar efeito em nosso h1:

h1{
 border:1px


solid black;
}
Como fazemos para colocar somente uma linha abaixo do nosso h1?

h1{
 border-bottom:1px


solid black;
}
Colocar uma linha cima:

h1{
 border-top:1px

}
solid black;

3. Estilização de Cabeçalhos - CSS

Colocamos a cor de fundo...

h1{
 border-top:1px
solid black;
 border-bottom:1px
 background-color:


solid black;
#cccccc;
}
Detalhe lado esquerdo...

h1{
 ...
 background-color:
 border-left:10px

}
#cccccc;
solid black;

4. Estilização de Cabeçalhos - CSS

Espaçamento entre texto e borda:

h1{
 ...
 border-left:10px
solid black;
 padding-left:16px;


}
Colocar borda superior pontilhada?

h1{
 border-top:1px
dotted black;
 ...
 border-left:10px
solid black;
 padding-left:16px;

}

5. Estilização de Cabeçalhos - CSS

Podemos adicionar uma imagem e reposicionar os componentes:

6. Próxima Aula: Estilização de Links