Linea de Codigo

Mediante las hojas de estilo CSS podemos modificar los margenes de nuestra página web. Esto hará que nuestro contenido se posicione en un lugar u otro de la página. Lo podremos pegar al borde superior, separarlo de la izquierda,... Todo aquello que necesitemos para darle estilo a la página web.

Si queremos modificar los margenes deberemos de utilizar cuatro propiedades CSS:

• margin-bottom, para el margen inferior.
• margin-left, para el margen izquierdo.
• margin-right, para el margen derecho.
• margin-top, para el margen superior.

Estas propiedades CSS se las podemos asignar a cualquier elemento HTML. Si bien, para nuestro caso se lo asignaremos al cuerpo de la página. Es decir, al elemento BODY.

De esta manera, el código CSS quedaría de la siguiente forma:

<style type="text/css">
body{
  margin-left: 0px;
  margin-right: 10px;
  margin-top: 0px;
  margin-bottom: 10px;
}
</style>

En el caso de que queramos asignar el mismo valor a todos los margenes podemos utilizar directamente el atributo margin, asignándole un valor.

En este punto el código quedaría de la siguiente forma:

<style type="text/css">
body{
  margin: 10px;
}
</style>

Visualizar el ejemplo | Descargar el código