Cadastro CSS

HTML

<!Doctype html >
<html lang="pt-br">
  <head>
 <meta charset="UTF-8">
<link href="estilo.css" type="text/css" rel="stylesheet">
     <title>Dados para Cadastro</title>
  </head>
  <body>
     <form action="">
        <fieldset>
   <legend>Dados para Cadastro</legend>
   <label for="nome">Nome:</label>
   <input type="text" name="nome" id="nome" /><br />
   <label for="email">E-mail:</label>
   <input type="text" name="email" id="email" /><br />
   <label for="idade">Idade:</label>
   <input type="text" name="idade" id="idade" /><br />
           <input type="submit" value="enviar" />
        </fieldset>
     </form>
  </body>
</html>






CSS

form input, form label, form legend {
  font-size: 11px;
}
form input {
  border: solid #ccc thin;
  font-family: 'Trebuchet MS', Verdana, Tahoma, serif;
  width: 100%;
}
form input[type="submit"] {
  display: block;
  float: right;
  margin-top: 13px;
  width: auto;
}
form fieldset, form legend {
  border: solid black thin;
  margin: 10px;
  padding: 6px;
}
form fieldset {
  width: 40%;
}
form label {
  display: block;
}
form legend {
  background-color: #e8e8e8;
  font-weight: bold;
}

0 comentários:

Postar um comentário

Assinar: Postagens (Atom)