¿Como hago Hover de Imagenes desde Css?

Como les va?

Les comento : Tengo una tanda de botones para la Web que estoy haciendo, y por otro lado, tengo los mismos botones pero como mas brillantes, y con unos bordecitos

La pregunta es ¿Como puedo hacer hover desde la hoja de estilos?

Trabajo con Frontpage y ese programa trae una opcion parecida pero es dandole comportamientos a las capas. Y la verdad, queda pesadisima la web con eso x.x

Y como vi algunas plantillas prediseñadas que trabajan el Hover desde la Hoja de Estilos me intereso

Aunque no pienso usarla por ahora. Solo quiero tenerlo aprendido mas o menos para luego utilizarlo

Ya anduve buscando temas en el foro pero no encontre nada.

Saludos y gracias por la ayuda que me estan dando hasta ahora D=
Si quieres hacer el hover desde css tendras que poner la imagen como fondo:

imagen a { background: url de la imagen no repeat ... }

imagen a:hover { background: url de la otra imagens no repeat ... }

Si el cambio de imagenes lo quieres hacer desde el html con <img src> tendras que utilizar javascript.
Gracias Wolfmoon

Mejor lo hago desde Css, crei que era mas dificil.

Si la hago desde HTML me queda pesadisima con Javascript. Ya me pasó -.-
Si las imagenes no son muy grandes y las pones en formato png y optimizadas no deberian resultar muy pesadas...
Eran Png las que use en esa ocasion. Fondo transparente. Livianitas. Pasabas el mouse encima y la pagina quedaba tildada.

Casi cago a patadas el monitor...