Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
É 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
>
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!
[](/topic/143908-mudando-cor-da-borda-da-imagem/?do=findComment&comment=415381)
<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
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...Blzzz valeu ai mano :D
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" />
bem lembrado vinicius.... ;)
Boaaa cara otimo.... :D obrigado
>
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" />
[](/topic/143908-mudando-cor-da-borda-da-imagem/?do=findComment&comment=415490)
iSSo funca no IE tbm ? se na0 funcar.... sabes como farei issu?
testa ae pra ver se funciona ué... ;)
num deuu.. =/ deixa int0n valeu ai
pra funcionar no IE só com javascript...hover pra ele só tem nos links..onmouseover="java script:this.style.border='1px solid #666666';"
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!