w deklaracji styli dodaj: 
  to co będzie przed najechaniem kursorem na link
- Kod: Zaznacz wszystko
- a.raz
 {
 text-decoration: dekoracja tekstu np. podkreślenie (underline) lub brak (none);
 background:url(tu podajesz ścieżkę obrazka który będzie przed najechaniem myszą)
 font-size:rozmiar czcionki podany np. w pikselach ( 20px);
 color:kolor czcionki;
 }
 
to co będzie po najechaniu kursorem na link
- Kod: Zaznacz wszystko
- a.raz:hover
 {
 text-decoration:none;
 background:url(obrazek pojawiający się po najechaniu kursorem);
 font-size:30px;
 color:blue;
 }
 
Tutaj dla kolejnego linku ( jeżeli tła nie będą się różnić zrób tylko jedno )
- Kod: Zaznacz wszystko
- a.dwa
 {
 text-decoration: none;
 font-size:20px;
 color:pink;
 }
 
 a.dwa:hover
 {
 text-decoration: none;
 font-size:30px;
 color:yellow;
 }
 
Przerób wg. własnych potrzeb
i pzy linkach gdzie tło ma się zmieniać zrób tak:
- Kod: Zaznacz wszystko
- <a class="raz" href="">jakiślink</a>
 <a class="dwa" href="">jakiślink2</a>
jezleli tła przed i po najechaniu we wszystkich linkach gdzie dodasz styl mają być takie same wystarczy wszędzie pododawać ten sam styl.
Wyjaśniłem w miarę moich możliwości w sposób ( wydaje mi się ) niezwykle jasny.