Creación de un formulario de contacto sencillo con CSS

A estas alturas seguro que hemos visto millones de sitios web en nuestra vida cibernética. Encontramos de todo en esta selva que es internet, de todos los colores y estilos de diseño imaginables. Todo el mundo está tratando de ser diferente, tratando de separarse de el resto.

En el blog [Re]Encoded dot Com dejan caer la siguiente pregunta: ¿por qué es que casi todos los sitios Web, desde los mejores a lo peor de lo peor, todavía parecen estar usando el mismo feo formulario utilizados por defecto?. Con buen ánimo dicen que eso puede cambiar, al menos en nuestro sitio web.

Por lo que en el artículo Creating Killer Forms with CSS nos deja consejos para condimentar los campos de formulario para que se aparte un poco del resto. No es un tutorial sobre CSS, por lo que se parte suponiendo que tenemos cierto conocimiento sobre el tema. Es un formulario de contacto básico, que realizamos mediante CSS, para ello nos proporciona todos los códigos.

Nos muestra cómo cambiar sus diferentes aspectos: color de fondo en los campos, diferentes estilos de recuadros, color del texto, tamaño, etc. Una vez que vemos los fundamentos, ya seremos capazces de aplicar los principios para mejorar todos los aspectos de su forma. Aquí tenemos el resultado del ejemplo. ¡Suerte!