Maquetacion En Css

Guía Teórica Sobre CSS

Prof. Samuel Alberto Rivas

Actividad (2º Entrega del Proyecto)
Copiar el código y agregar información en cada una de las capas, en la capa de header
colocar unaimagen de fondo con el tamaño de la capa, en la columna 1 agregar una lista
de canciones, en la columna 2 agregar un formulario, en la columna 3 agregar enlaces a las
redes sociales deFacebook, Twitter, Youtube y Hotmail y en la capa de footer agregar los
datos de la persona que ha creado el sitio web (nombre, correo, dirección del sitio).


Maquetacion con CSS#contenedor{
width:auto;
height:auto;
margin:10px 5px 5px 70px;
padding:10px;
border:1px solid #848484;
float:left;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
#header{background-color:#A9BCF5;
width:1100px;
height:100px;
margin:auto;
padding:10px 10px 10px 5px;
margin-top:10px;
font-family:verdana;
font-size:14px;
float:left;
-moz-border-radius:10px;-webkit-border-radius:10px;
}
#columna1{
background-color:#BCF5A9;
width:200px;
height:350px;
padding:5px;
margin:10px 5px 5px 20px;
float:left;
clear:both;
-moz-border-radius:10px;-webkit-border-radius:10px;

Guía Teórica Sobre CSS

Prof. Samuel Alberto Rivas

}
#columna2{
background-color:#F6D8CE;
width:600px;
height:350px;
padding:5px;
margin:10px 5px 5px10px;
float:left;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
#columna3{
background-color:#E2A9F3;
width:200px;
height:350px;
padding:5px;
margin:10px 5px 5px 10px;float:left;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
#footer{
background-color:#F5DA81;
width:1100px;
height:90px;
padding:10px;
margin:10px 5px 5px 0px;
float:left;clear:both;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}











Guía Teórica Sobre CSS

Prof. Samuel Alberto Rivas





Resultado Final del Código