O documento discute como estilizar cabeçalhos (h1) em CSS, incluindo adicionar bordas superiores e inferiores, definir cores de fundo, adicionar detalhes laterais como bordas e preenchimento, e usar diferentes tipos de bordas como tracejada. A última seção menciona adicionar imagens e reposicionar componentes.

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 solid black;
 background-color: #cccccc;
 }
 Detalhe lado esquerdo...
 h1{
 ...
 background-color: #cccccc;
 border-left:10px 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