Hover para un DIV

[iconogt]

Hola buenas tardes, lo que quiero conseguir es sencillo con Javascript, ahora yo estoy seguro que se puede hacer con CSS porque lo he visto en otras páginas web, un ejemplo: Digamos que tenemos varios cuadros de texto [modulos], simple texto y alguno que otro link, quiero que al pasar el mouse por encima dicho bloque cambie de apariencia, es decir si tiene un borde solido gris opaco que cambie a un borde solido NEGRO y uno que otro retoque, etc, etc.... Yo pongo como ejemplo un DIV pero mas creo que lo hare con <p> bueno es cuestión de gustos no?

algo asi como se ve en la pagina de http://www.mygnet.com/foros/
No se si ellos lo hicieron con Javascript, igual yo quiero hacerlo con CSS, espero respuesta y desde ya les doy las gracias por sus respuestas

[demiurgo_daemon]

hola,

eso es fácil con la pseudoclase hover:

Código:

div{
border: 1px solid black;
}

div:hover{
border: 1px solid blue;
}

por poner un ejemplo. ten en cuenta que explorer inferior a 7 no maneja pseudoclases para elementos que no sean ligas (<a>), por si esto es importante para ti.

saludos

[iconogt]

Iniciado por demiurgo_daemon

por poner un ejemplo. ten en cuenta que explorer inferior a 7 no maneja pseudoclases para elementos que no sean ligas (<a>), por si esto es importante para ti.

Hmmm pienso que si amigo[a], ya que aún hay muchas personas que usan versiones anteriores... yo mismo en el trabajo tengo el IE 5, pero bueno gracias por tu ayuda y creo que voy a tener que leer un poquito mas porque me estoy oxidando ajajjajaj esque el job me absorbe bastante lo pruebo y te cuento que tal me fué

[Mikmoro]

En la página que citas, efectivamente está hecho con javascript.

Mikel.

[sjam7]

ellos lo que usan es esto no?:
<tr bgcolor="#F8F8EA" onMouseOut="this.bgColor='#F8F8EA';" onMouseOver="this.bgColor='#F0F0D2';">o no entendi la pregunta