Aula 18. estilização de cabeçalhos

137 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
137
No SlideShare
0
A partir de incorporações
0
Número de incorporações
3
Ações
Compartilhamentos
0
Downloads
11
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

×