Profesor: Everardo Juárez Pedraza

Estructura HTML Para empezar copiamos el siguiente código en el bloc de notas, que viene siendo la estructura HTML base.

Ya que este en el bloc de notas guardamos el archivo como index.html:

HOJAS DE ESTILO Abrimos otra vez el bloc de notas en blanco, le ponemos de nombre estilos.css y lo guardamos en la misma carpeta en donde esta el .html Copiamos el siguiente código que define las propiedades de fuente, color de fondo y longitud del body:

Hacemos un selector para el formulario (.contacto) y le definimos border, border-radius, padding, margin, y color de fondo:

Luego hacemos selectores para label y div y ponemos el siguiente código:

CAJAS DE TEXTO Para las cajas de textos usamos selectores múltiples, para los input y para el textarea:

BOTON DE ENVIO Por ultimo para el botón de envió usaremos estilos similares a los de las cajas de textos, pero además va a tener bordes redondeados, sombra al texto y para el background le pondremos degradados CSS3:

CODIGO FINAL CSS

Continuación…