Aula 18. estilização de cabeçalhos

282 visualizações

Publicada em

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
282
No SlideShare
0
A partir de incorporações
0
Número de incorporações
6
Ações
Compartilhamentos
0
Downloads
6
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  background-color:   solid black; #cccccc; } Detalhe lado esquerdo...  h1{  ...  background-color:  border-left:10px  } #cccccc; 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

×