Skip Navigation Links
Novas Tecnologias
Ferramentas Adicionais
Ferramentas Adicionais


Dica No :
411
Assunto : HTML
Titulo: Uso de estilos com a Tag Div.

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


A tag Div é um recurso que podemos utilizar para organizar nossos dados na página dentro de camadas, criar efeitos de animação e interatividade entre linguagens (HTML – Java Script por exemplo).

Utilizamos a tag Div entre as tags <body></body>, posicionando-as de acordo com a nossa finalidade.

Para colocar um objeto (imagem, tabela, texto) dentro de uma tag div, batariamos abrir a tag<div> e colocarmos o que desejamos dentro dela.

Exemplo:
<div id="nome"><img src=”nomeimagem.gif”></div>

Mas podemos implementar essa tag usando de estilos, que nos permite mudar: cor da camada, cor da borda, posição, tamanho etc.

Para fazer isso devemos trabalhar com o seguinte códgo:

<div id="nome" style="width:149px; height:26px;background-color:#0066ff;border:4px double red">Uso da Tag Div</div>

Entendendo o código;

Style= é o estilo que estamos definindo para a tag;

Width: largura da tag em pixels;

Height: altura da tag em pixels;

Background-color: cor da tag – poderia ser trocado por background-image: url da imagem seria colocado uma figura como plano de fundo;

Border: espessura da borda em pixels; esse estilo é acompanhado por double nome da cor – para definir a cor da borda (a cor só irá aparecer se o código for precedido de Double)

Patricia Daltro


Agora na Búfalo, Treinamento para Webdesign!
Informações pelo telefone: 2262-1368 e 2220-2586

Nome :
E-mail:
Comentarios :
 
 
Os Últimos Comentários
data: 5/19/2017 8:41:00 PM
nome: NSAwbAwsWUZgVC
email: jimos45812rt1@hotmail.com
comentário:
SMdhKN http://www.LnAJ7K8QSpkiStk3sLL0hQP6MO2wQ8gO.com

data: 4/2/2017 4:37:00 AM
nome: wBEtRerpoapdXlmKh
email: jimos4581rt1@hotmail.com
comentário:
YgzQ1i http://www.LnAJ7K8QSpkiStk3sLL0hQP6MO2wQ8gO.com

data: 1/31/2017 11:02:00 PM
nome: EdyAyJDyTGSyTK
email: derby451@hotmail.com
comentário:
InP4ZX http://www.y7YwKx7Pm6OnyJvolbcwrWdoEnRF29pb.com

data: 1/31/2017 11:57:00 AM
nome: OrJYXuJHwRx
email: derby451@hotmail.com
comentário:
zj4zh9 http://www.y7YwKx7Pm6OnyJvolbcwrWdoEnRF29pb.com

data: 1/29/2017 10:02:00 PM
nome: bQtQZYUhfCBSvjoy
email: derby451@hotmail.com
comentário:
zMQZOB http://www.y7YwKx7Pm6OnyJvolbcwrWdoEnRF29pb.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