2.9. Formulario de registro con CSS

Crea una página web con un formulario similar a la siguiente imagen:

En la imagen animada se muestra:

• El efecto que se debe configurar cuando el cursor del ratón se sitúe encima de una línea del formulario.
• El efecto que se debe configurar cuando un control del formulario reciba el foco del teclado.

Además:

• Título y subtítulo: tipo de letra Georgia, serif.
• El fondo de la página es de color diferente al contenedor del formulario que será de otro color y estará en el centro de la página.
• Tipo de letra principal: Arial, Helvetica, sans-serif.
• Leyendas y etiquetas: negrita.
• Los campos de texto tendrán un ancho expresado en %. Deberán tener bordes solo abajo y de color gris o azul
• Los botones tendrán un color de fondo azul claro y deberás incluir margen interior y exterior.
• El formulario te dirigirá a una página que diga que “El registro se ha completado correctamente”.