Márgenes de una página web

10/mar/2007 CSS , 13 Comentarios
css

Mediante las hojas de estilo CSS podemos modificar los márgenes de una 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 márgenes de una página web 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:

  1. body{
  2. margin-left: 0px;
  3. margin-right: 10px;
  4. margin-top: 0px;
  5. margin-bottom: 10px;
  6. }

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

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

  1. body{
  2. margin: 10px;
  3. };

Vídeos sobre CSS

Ningún video coincide

Difunde el Conocimiento

Si te ha gustado el artículo o te ha sido de utilidad, no dejes de compartirlo con tus amigos en las redes sociales... Te estaremos muy agradecidos. :-D

13 comentarios en “Márgenes de una página web”

Víctor Cuervo

angie vanessa

es lomejor intenten

Víctor Cuervo

lineadecodigo

@Laura,

Puedes darnos más información para poder ayudarte. Los problemas de visualización suelen estar relacionados con la resolución.

Esperamos tus comentarios para poder ayudarte.

Víctor Cuervo

lineadecodigo

@jose,

Sí, las propiedades de margen (margin) las puedes aplicar a cualquier elemento.

Víctor Cuervo

Laura

la página se ve perfecta en monitores 14¨y 15 ¨pero en los mas grandes se modifica totalmente, que debo hacer?

Víctor Cuervo

lineadecodigo

@Geral, Butifarra,

Gracias por los ánimos. Intentamos ir poco a poco incluyendo nuevos contenidos.

Víctor Cuervo

jose

hola buenos dias, pero eso sirve para eliminar el margen de los formularios tambien?

Víctor Cuervo

Butifarra

Muy Buenoo n_n!

Víctor Cuervo

PEPE

UCHHHHHHHHHHHHHH QUE CUSO TAN SUPER HIPER MEGA MALO

Víctor Cuervo

Geral

Hola este curso es genial

Víctor Cuervo

Joseph

Gracias se pasaron eh…

Víctor Cuervo

carolina

ayudo de mucho gracias

Víctor Cuervo

DARKK*Bass

muy útil información

Víctor Cuervo

eva

ok!

¿Algo que nos quieras comentar?

Déjanos tu comentario, no te preocupes que tu email no será publicado

*


*