Как сделать, чтобы картинка менялась при наведении на нее курсора мыши?
Смена одной картинки на другую при наведении на неё курсора мыши называется эффектом перекатывания. Обычно для создания эффекта перекатывания применяется JavaScript, но в большинстве случаев вполне достаточно и CSS.
Решения смотрите далее...

Традиционные прямоугольные уголки в дизайне сайтов давно уже всем надоели. В моде скруглённые уголки, которые делаются не с помощью изображений, а через стили, для чего используется свойство border-radius.

В данном уроке представлен очередной вариант организации всплывающих подсказок на CSS3.