formulários com css

o recurso de css (cascading style sheets, ou folhas de estilo em cascata)
também se aplica a formatação de formulários.
neste tópico você conhecerá alguns dos efeitos iniciais e aprenderá a inserílos
em suas páginas. existem muitas outras opções que serão explicadas no
decorrer dos próximos capítulos.
configurando a fonte dos campos de formulário
para que a fonte usada para digitação dentro do formulário possa ter as
configurações que você deseja, preste atenção nos modelos abaixo:
<input type=text size=20
style="background:silver;font-family: trebuchet
ms;font-weight:bold; font-size: 10pt; color:
#330066" value="formulários com css">
a tag <input> contém um atributo style que sobrepõe-se à quaisquer
formatações feitas em html, como por exemplo o comando <font>.
veja os resultados:
formulários com CSS
você pode alterar diversos valores como background (cor do fundo), fontfamily
(tipo de letra), font-size (tamanho da letra), color (cor da letra),
todos dentro da tag style.
configurando as bordas dos formulários
para que as bordas do formulário sejam personalizadas, você precisa apenas
inserir algumas linhas de comandos css. veja o código abaixo:
<input type=text size=20 style="bordercolor:#
6699ff;border-style:solid;fontfamily:
georgia, times new roman;fontsize:
12;color:#330066" value="bordas em css">
a tag <input> contém um atributo style que permite a inclusão de
comandos css diretamente dentro da tag. no caso acima, os comandos geram
uma borda diferenciada que pode ser configurada para combinar totalmente
com o layout da página.
bordas em CSS
você ainda pode alterar, dentro da tag style, valores como border-color (cor
da borda) e border-style (estilo da borda).