Nessa aula vemos como utilizar a propriedade padding.
Padding-top espaçamento acima.
A padding-right espaçamento à direita.
A padding-left à esquerda.
A padding-bottom abaixo.
Se você inserir apenas um valor, ele será utilizado em todos os espaçamentos. Se passar dois valores, o primeiro é acima e abaixo e o segundo direita e esquerda. Se passarmos três valores, o primeiro é acima, o segundo é valido para esquerda e direita e o terceiro abaixo. Se passarmos quatro valores seguimos em sentido horário, o primeiro é acima, o segundo direita, o terceiro abaixo e o quarto a esquerda.
Facebook: http://migre.me/oTHD8
Qualquer dúvida, é só comentar.
Código fonte (HTML):
<!DOCTYPE html>
<html>
<head>
<title>Espaçamento</title>
</head>
<body>
<p>O espaçamento em HTML é feito pela propriedade padding. padding-top "arruma" o espaçamento acima. A padding-right "edita" o espaçamento a direita. A padding-left edita o espaçamento a esquerda. A padding-bottom abaixo. Se você passar apenas um valor, valerá para os quatro lados, se passar dois valores, o primeiro é acima e abaixo, e o segundo, direita ou esqueda. Se passar três valores, o primeiro é acima, o segundo vale a direita e esquerda e o terceiro é abaixo. Se passarmos 4 valores, a gente segue sentido horário, primeiro acima, segundo direita, terceiro abaixo, quarto a esquerda.</p>
</body>
</html>
Código fonte (CSS):
p {
5px 5px 5px 5px;
}
Vídeo:
Nenhum comentário:
Postar um comentário