Как сделать кнопку? - [VM1] Дизайн, оформление

Доброе время суток Ув. Форумчане.

Возникла такое желание - реализовать кнопку "Купить", скажем как на RozetkЕ. Т.е. первоначальное оформление одно, а когда наводишь курсор мыши чтобы нажать - другое.
Помогите пожалуйста, где и что менять? 

вложил ниже пример

[вложение удалено Администратором]

Тут сразу так и не найдешься что ответить =) изучайте CSS или используйте BootStrap там кнопооок! ух =)

http://htmlbook.ru/css/hover

Начал делать, но чу-чуть не получается. Подскажите где у меня ошибка -

a.rollover {
    background: url( 'images/add_to_cart.png' ) /* Путь к файлу с исходным рисунком  */
    display: block; /*  Рисунок как блочный элемент */
    width: 200px; /* Ширина рисунка */
    height: 100px; /*  Высота рисунка */
   }
   a.rollover:hover {
    background: url( 'images/add_to_cart1.png' ); /* Путь к файлу с заменяемым рисунком  */
   }
   

Всем спасибо, получилось.