Crear plantilla de web con CSS


Truco de CSS - Crear plantilla de web con CSS


Gracias a este truco de CSS podremos crear una plantilla de una página con CSS de forma fácil.


Para empezar, crearemos un div contenedor, que será el contenedor de todos los divs secundarios para poder crear la página.


 

<;div style=”width:100%" align="center">;

 

Una vez creado el div contenedor, empezaremos por crear la cabecera:

 

<;div style="width:750px;background:yellow;">;MisTrucos.net

Ahora crearemos el menú de la izquierda:


<;div style="width:200px;float:left;backGround:blue;">;Menu Izquierda<;/div>;


Gracias al float left logramos que el siguiente div se monte, si tiene espacio, a la derecha.


<;div style="width:550px;float:left;backGround:purple;" align="left">;Contenedor<;/div>;


Y por ultimo, crearemos el pie de página:


<;div style="width:750px;background:yellow;">;Pie de página<;/div>;<;/div>;<;/div>;

Ejemplo: Descargar



Más trucos de Trucos de CSS

Trucos más leídos