Aplicando CSS em formulários.

Bom, hoje iremos falar sobre aplicação de folha de estilo em formulários, isso irá fazer com que seu formulário fique bem mais apresentável ao seus visitantes.

Vamos lá.

1-) Crie um formulário qualquer para que possamos aplicar a folha de estilo .

Nesse caso criei um simples formulário de login e senha para usarmos como exemplo. você pode aplicar esse exercício em qualquer formulário.

Esse é o código do nosso formulário ainda sem a aplicação CSS , agora iremos criar o código com o valor da nossa página css que ainda iremos criar mais a frente , para isso apena acrescente class = "form" na tag input , igual ao exemplo abaixo .

Pronto nossa página html esta pronta agora começaremos a criar a folha de estilho que irá dar as cores para nosso form , vamos lá.

Lembrando que eu fiz um código css básico para que vocês possam implementar mais e assim aprender mais, coloquem estilo da fonte, tamanho da caixa, alterem a cor e etc... vai da sua imaginação.

Veja o resultado final abaixo e lembresse que na página html , só coloquei a parte do código do formulário, você deve colocar a página inteira , sem esquecer de importar o código css ou adicioná-lo a mesma página do form isso tanto faz, agora se você achou que falei grego agora , leia os artigos anteriores sobre css que la esta tudo explicadinho hehe...

Bom por hoje é só até a próxima.

Bruno Henrique
bruno@3darts.com.br
www.3darts.com.br