Estilizao de Cabealhos

CSS - Style Sheet

Professor: Jolvani
Aula 18

Estilizao de Cabealhos - 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;

Estilizao de Cabealhos - 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;

Estilizao de Cabealhos - CSS

Espaamento 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;

Estilizao de Cabealhos - CSS

Podemos adicionar uma imagem e reposicionar os componentes:

Prxima Aula: Estilizao de Links