Skip Navigation Links
Novas Tecnologias
Ferramentas Adicionais
Ferramentas Adicionais


Dica No :
389
Assunto : HTML
Titulo: Personalizando os formulários usando Folha de Estilo(CSS):

Gostou do texto ? Vote e dê sua opinião! Pontuação atual :

Translate this page now :






Adicione aos Favoritos!
BlogBlogs Rec6 Linkk Ueba Technorati Delicious DiggIt! StumbleUpon


Para personalizar nossos formulários e tirar aquela cor branca de fundo e/ou acrescentar bordas nas suas campos. Basta acrescentar o seguinte código entre as tags <head></head>:

<style type="text/css">
textarea { font-size: 10pt;background-color: #ffcc99; font-weight: bold; color: #660000; border: 5px double gold; scrollbar-face-color: 996600;
scrollbar-highlight-color: cc9900;
scrollbar-3dlight-color: 660000;
scrollbar-darkshadow-color: 660000;
scrollbar-shadow-color: 660000;
scrollbar-arrow-color: cc9900;
scrollbar-track-color: cc9900;}}
input{ background-color: #ffcc00; font-weight: bold; color: #660000;border: 3px double gold;}
select{background-color: gold;}
</style>

Entendendo os códigos:

Textarea, select e input são tipos de campos de formulário;
No paramêtro font-size podemos aumentar ou diminuir o tamanho da font em pontos, quanto maior o número, maior a fonte;
Background color define a cor do fundo do campo;
Bold indica a fonte em negrito e
Color a cor da fonte;
Border especifica a cor da borda e a espessura em pixels e
Double indica que é uma fonte de duas linhas;
Scrollbar e todas as variações seguintes determinam a cor da barra de rolagem que irá aparecer no campo caixa de texto.

Modificando as Configurações:
Se não quiser colocar uma cor, mas sim uma imagem como fundo do campo, troque background-color por background-image: url da imagem;
Para deixar o campo sem bordas, defina parâmetro border:none.

Patricia Daltro

Nome :
E-mail:
Comentarios :
 
 
Os Últimos Comentários
data: 1/31/2017 12:12:00 PM
nome: vpjEFqMLGpPCFePpHG
email: derby451@hotmail.com
comentário:
tBsB5l http://www.y7YwKx7Pm6OnyJvolbcwrWdoEnRF29pb.com

data: 1/29/2017 9:49:00 AM
nome: sgJBDUJtRVMnnpGGExl
email: derby451@hotmail.com
comentário:
hYGahE http://www.y7YwKx7Pm6OnyJvolbcwrWdoEnRF29pb.com

data: 1/29/2017 9:48:00 AM
nome: FjJIhuSDJjBrkNY
email: jogcbfn@hotmail.com
comentário:
H3sdF7 http://www.y7YwKx7Pm6OnyJvolbcwrWdoEnRF29pb.com

data: 1/6/2017 1:49:00 PM
nome: UrRtDTLlryxylwMDWX
email: jfvynms4281rt@hotmail.com
comentário:
PXekZf http://www.FyLitCl7Pf7ojQdDUOLQOuaxTXbj5iNG.com

data: 1/5/2017 5:53:00 AM
nome: sWZsuRkDzH
email: jfvynms4281rt@hotmail.com
comentário:
XkcQKw http://www.FyLitCl7Pf7ojQdDUOLQOuaxTXbj5iNG.com

 1  
Dicas
Dica do Dia
Receba Dicas Por Email
E-mail :  
 


 (help)
Aceito receber informativos do devASPNet, informações de eventos e treinamentos

Veja Quais Informativos Você Receberá

Pesquisar Dicas
Pesquisar Artigos, Dicas e Noticias

Banco de Dados
Algumas Entrevistas
Links Importantes

Búfalo Informática, Treinamento e Consultoria
R. Alvaro Alvim, 37/920 Centro - Cinelândia - Rio de Janeiro Cep: 20031-010
Tel : (21) 2262-1368 (21) 9240-5134 E-mail : Contato@bufaloinfo.com.br