domingo, 16 de abril de 2017


MANUALES

TUTORIAL CSS:

 Lección #10:

Margen y relleno (padding)

Cambiar la presentación de los elementos estableciendo las propiedades margin padding.

Establecer el márgen de un elemento (margin)

Todo elemento tiene cuatro lados: derecho, izquierdo, superior e inferior.

margin :
  • Distancia desde cada lado respecto al elemento colindante (o respecto a los bordes del documento). 


Definir los márgenes del documento del elemento <body>.

código CSS:

 
 body {
  margin-top: 100px;
  margin-right: 40px;
  margin-bottom: 10px;
  margin-left: 70px;
 }
Versión combinada de margin:

 
 body {
  margin: 100px 40px 10px 70px;
 }

Establecer el relleno de un elemento (padding)

padding: "relleno".

  • No afecta la distancia de un elemento respecto a otros elementos.
  • Define la distancia interior entre el borde y el contenido del elemento.
  • Define la cantidad de "relleno" que habrá alrededor del texto.

código CSS:

 
 h1 {
  background: yellow;
  padding: 20px 20px 20px 80px;
 }

 h2 {
  background: orange;
  padding-left:120px;
 }

TOMADO DE: http://es.html.net/tutorials/css/lesson10.php

No hay comentarios:

Publicar un comentario