jump to navigation

Margenes de una página web Marzo 10, 2007

Publicado por lineadecodigo en : CSS , trackback

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:

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

| Print This Post/Page | 5639 visitas

 Votes | Average: 0 out of 5 Votes | Average: 0 out of 5 Votes | Average: 0 out of 5 Votes | Average: 0 out of 5 Votes | Average: 0 out of 5 (Todavia sin evaluar)
Loading ... Loading ...

Comentarios»

1. eva - Junio 21, 2007

ok!

2. DARKK*Bass - Octubre 11, 2007

muy útil información

3. carolina - Abril 25, 2008

ayudo de mucho gracias

4. Joseph - Agosto 23, 2008

Gracias se pasaron eh…


Close
E-mail It