Al posar mouse sobre una capa, aparesca un borde !!!

[WebDeveloperZ]

COmo puedo hacer lo que hacen por ej en esta web:

http://www.oodle.com/vehicle/car/

Vos posas el mouse sobre la capa y aparece un borde !!!

Muchas gracias.

[ostrasjo]

<style type="text/css">
.midiv:hover{
border:1px solid #FF0000;
}
</style>
<div class="midiv">Pasa por encima para ver la línea roja</div>


Ojo! Esto no funcionará en explorer 6

[berthely]

Iniciado por ostrasjo

<style type="text/css">
.midiv:hover{
border:1px solid #FF0000;
}
</style>
<div class="midiv">Pasa por encima para ver la línea roja</div>


Ojo! Esto no funcionará en explorer 6

Para hacerlo posible tendrías que utilizar JavaScript.

[hermetika]

Cierto, para que se vea en todos los navegadores, necesitarás javascript, te aconsejo jquery.. puedes hacer el efecto que deseas con muy pocas líneas de código