Это код CSS для небольшой кнопки, текст на ней не уместится, поэтому я расположил его справа от изображения. Вы можете поставить его в любом месте, только немного подредактировать код. Здесь при наведении используется анимированный gif, который только один раз проигрывает анимацию. Можно сделать и постоянную анимацию, это кто как хочет. Также вместо гифа можно обычную картинку поставить. Внизу вы увидите пример этой кнопки .knopka_2{ display: block; background-image: url(images/f_1.gif); /*путь к неактивной кнопке*/ width: 28px; height: 28px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align: left; color: black; /*цвет шрифта неактивной кнопки*/ font-weight: bold; font-size:12px; text-decoration: none; padding-left: 30px; line-height: 28px; background-repeat: no-repeat } a.knopka_2:hover{ display: block; background-image: url(images/f.gif); /*путь к анимированному gif */ width: 28px; height: 28px; background-position:; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; color: red; /*цвет шрифта при наведении*/ font-weight: bold; font-size: 12px; text-decoration: none; padding-left: 30px; padding-top: px; line-height: 28px; background-repeat: no-repeat } ссылка такого вида
