Formularios con CSS

[fede5426]

Te dejo un formulario que hice aproximadamente un año cuando recién empezaba a investigar sobre HTML y CSS..

Código HTML:

<fieldset id="contacto">
  <form action="form.php" method="post">
    <label for="nombre">Nombre</label>
    <input type="text" class="texto" name="nombre" required>
 
 
    <label for="apellido">Apellido</label>
    <input type="text" class="texto" name="apellido"required>
 
    <label for="email">Email</label>
    <input type="email" class="texto" name="email" required placeholder="[email protected]">
 
    <label for="pais">Pa&iacute;s</label>
    <select id="selector">
      <option name="pais" value="Arg" selected>Argentina</option>
      <option name="pais" value="Vza">Venezuela</option>
      <option name="pais" value="Bra">Brasil</option>
      <option name="pais" value="Chi">Chile</option>
      <option name="pais" value="Uru">Uruguay</option>
    </select>
 
    <label for="mensaje">Mensaje</label>
    <textarea id="mensaje" name="mensaje" required placeholder=" Escriba aqui su mensaje..."></textarea>
 
    <input type="submit" class="submit" name="enviar" value="Enviar">
  </form>
</fieldset>
 

Código CSS:

#contacto{
    width:300px;
    min-height:550px;
    border:0;
    border-radius:10px;
    background: linear-gradient(#262626, #161616);
    padding: 20px;
    text-align:center;
    }
    
#contacto label{
    display:block;
    color:#fff;
    font-family:Calibri;
    font-size:1.5em;
    padding:15px 0 5px 5px;
    text-align:left;
    }
    
#contacto input.texto{
    width:280px;
    height:30px;
    border: 1px solid #d5d5d5;
    border-radius: 5px;
    background: linear-gradient(#FFF,#f5f5f5);
    color:#161616;
    font-family:Trebuchet MS;
    font-size:0.8em;
    padding:0 5px 0 5px;
    }
 
#contacto #selector{
    width:291px;
    height:33px;
    border: 1px solid #d5d5d5;
    border-radius: 5px;
    background: linear-gradient(#FFF,#f5f5f5);
    color:#161616;
    font-family:Trebuchet MS;
    font-size:0.8em;
    padding:0 5px;
    }
    
#contacto #mensaje{
    width:280px;
    height:115px;
    border: 1px solid #d5d5d5;
    border-radius: 5px;
    background: linear-gradient(#FFF,#f5f5f5);
    color:#161616;
    font-family:Trebuchet MS;
    font-size:0.8em;
    padding:5px;
    }
    
#contacto .submit{
    width:100px;
    height:30px;
    border: 1px solid #d5d5d5;
    border-radius: 5px; 
    color:#616161;
    font-family:Calibri;
    font-size:1.1em;
    margin-top:15px;
    margin-right:5px;
    float:right;
  cursor:pointer;
    }
 
#contacto .submit:hover{
  background:linear-gradient(#2989D8,#1E5799);
  color:#fff;
}
 

http://codepen.io/anon/pen/pJzejO

Saludos