Estilização de Cabeçalhos
CSS - Style Sheet
Professor: Jolvani
Aula 18
Estilização de Cabeçalhos - CSS
 Já sabemos colocar efeito em nosso h1:
 h1{
 border:1px solid black;
 }
 Como fazemo...
Estilização de Cabeçalhos - CSS
 Colocamos a cor de fundo...
 h1{
 border-top:1px solid black;
 border-bottom:1px soli...
Estilização de Cabeçalhos - CSS
 Espaçamento entre texto e borda:
 h1{
 ...
 border-left:10px solid black;
 padding-l...
Estilização de Cabeçalhos - CSS
 Podemos adicionar uma imagem e reposicionar os componentes:
Próxima Aula: Estilização de Links
Próximos SlideShares
Carregando em…5
×

Aula 18. estilização de cabeçalhos

140 visualizações

Publicada em

Publicada em: Tecnologia
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
140
No SlideShare
0
A partir de incorporações
0
Número de incorporações
2
Ações
Compartilhamentos
0
Downloads
14
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Aula 18. estilização de cabeçalhos

  1. 1. Estilização de Cabeçalhos CSS - Style Sheet Professor: Jolvani Aula 18
  2. 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. 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. 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. 5. Estilização de Cabeçalhos - CSS  Podemos adicionar uma imagem e reposicionar os componentes:
  6. 6. Próxima Aula: Estilização de Links

×