Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

nettotma14

Mudando cor da borda da imagem

Por , em Desenvolvimento frontend

Recommended Posts

nettotma14    0

nettotma14
Postado

É o seguinte:

 

<img src="minha_imagem.jpg" style="border: 1px solid black">

 

Como faço pa quando o mouse passar por cima dessa imagem muda a cor da borda ?

=] valeus

Compartilhar este post

Link para o post
Compartilhar em outros sites

Illidan    0

Illidan
Postado

Coloca na folha de estilos css:

 

img:hover {border-color: blue;}

 

Obs: no IE, o pseudo-seletor :hover só funciona com objetos do tipo âncora (tag "a"). Então acho que você teria que montar um esqueminha do tipo:

 

<a><img ... /></a>

 

e na folha de estilos, selecionar da seguinte forma:

 

a:hover img { ... }

 

Falou!

Compartilhar este post

Link para o post
Compartilhar em outros sites

nettotma14    0

nettotma14
Postado

Coloca na folha de estilos css:

 

img:hover {border-color: blue;}

 

Obs: no IE, o pseudo-seletor :hover só funciona com objetos do tipo âncora (tag "a"). Então acho que você teria que montar um esqueminha do tipo:

 

<a><img ... /></a>

 

e na folha de estilos, selecionar da seguinte forma:

 

a:hover img { ... }

 

Falou!

<{POST_SNAPBACK}>

<html><head><title>Untitled Document</title><style>img:hover {border: 1px solid green;}</style></head><body><img src="index_r2_c3_f4.jpg" width="127" height="22" style="border: 1px solid red"></body></html>
Nao funfou o que ke deu?

Valeu ai a força

Compartilhar este post

Link para o post
Compartilhar em outros sites

pa_bruno    0

pa_bruno
Postado

leu a ultima parte? naum funciona no i.e. qual browser q c tah usando???

 

e otra coisa, teu codigo tah errado, ele tem q ficar assim:

 

<html><head><title>Untitled Document</title><style type="text/css">	img {  border: 1px solid red	}	img:hover {  border: 1px solid green;	}</style></head><body>	<img src="index_r2_c3_f4.jpg" width="127" height="22" /></body></html>
se você declarar o style diretamente na tag, ela descarta o hover... e esqueceu d colocar a "/" antes do ">" na tag img ;)

 

sempre lembre disso... outra coisa importante, declare no "<style>" o "type" como usei no exemplo acima beleza??? faloow...

Compartilhar este post

Link para o post
Compartilhar em outros sites

vdepizzol    0

vdepizzol
Postado

Se você não quiser que todas as imagens da página fiquem com esse estilo, use classe.

 

.imagem-com-borda {   border: 1px solid red;}.imagem-com-borda:hover {   border: 1px solid green;}

e na imagem:

 

<img src="teste.jpg" class="imagem-com-borda" />

Compartilhar este post

Link para o post
Compartilhar em outros sites

nettotma14    0

nettotma14
Postado

Se você não quiser que todas as imagens da página fiquem com esse estilo, use classe.

 

.imagem-com-borda {   border: 1px solid red;}.imagem-com-borda:hover {   border: 1px solid green;}
e na imagem:

 

<img src="teste.jpg" class="imagem-com-borda" />

<{POST_SNAPBACK}>

iSSo funca no IE tbm ? se na0 funcar.... sabes como farei issu?

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito