a {
    display: block;
    width: 300px;
    height: 100px;
    background: url('witaj.png') no-repeat;
    text-indent: -2000em;
}
a:hover {
    background: url('witaj-on.png') no-repeat;
}
...
<p>
<a href="index.html">Witaj</a>
</p>

Listing 39.1. Odsyłacz reagujący na kursor myszy

Rozdział 39. Przyciski rollover w CSS