Margenes de una página web Marzo 10, 2007
Publicado por lineadecodigo en : CSS , trackbackMediante 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
Articulos Similares:
- Imagenes con sombra en CSS
- Formato de texto por defecto con CSS
- Crear estilos CSS on-line
- Poner un color de fondo a nuestra web
- Sangría francesa en CSS
Enviar entrada por email
| 
Imprimir
| 12699 visitas
(Todavia sin evaluar)
Loading ...
Comentarios»
ok!
muy útil información
ayudo de mucho gracias
Gracias se pasaron eh…
Hola este curso es genial
UCHHHHHHHHHHHHHH QUE CUSO TAN SUPER HIPER MEGA MALO
Muy Buenoo n_n!
hola buenos dias, pero eso sirve para eliminar el margen de los formularios tambien?
@Geral, Butifarra,
Gracias por los ánimos. Intentamos ir poco a poco incluyendo nuevos contenidos.
la página se ve perfecta en monitores 14¨y 15 ¨pero en los mas grandes se modifica totalmente, que debo hacer?
@jose,
Sí, las propiedades de margen (margin) las puedes aplicar a cualquier elemento.
@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.