Anda di halaman 1dari 6

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

background-color: #cccccc;
border-left:10px 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