Link gestaltung als button via CSS

Also auf den pos von Pion, werde ich jz tuefteln, und wenn ich echt nichmehr weiterweiss, dan schreib ichs ein.
Und wenn ichs hab, dann schreib ichs auch.
mfg

das war net so woertlich gemeint, ich meinte eher herumprobieren.
HP der Buchautorin, die meinte, repeat-x sei besser;

ja nix, aber wenn ich das so mache (der code stimmt jz sicher net):

.button ( */Ich kann keine schweif-klammern */
padding-left: 5px;
padding-right: 5px;
padding-top: 4px;
padding-bottom: 4px;
*/Das bg bild ist 20px hoch und die schrift auf 12px */
background: url(button_normal.png) repeat-x;
display: block;
a:hover (
font-weigth: bold;
padding-left: 4px;
padding-right: 4px;
padding-top: 2px;
padding-bottom: 2px;
*/ Die schrift ist jz durch bold 14px hoch und 2px breiter */
background: url(button_hover.png) repeat-x;
display: block;
)
)

und jz html:

<a href="impressum.html"><span class="button">Impressum</span></a>

Dann kommt das ja so wie man will. Also schrift mit vutton bg und 2-fachem hover effekt.

In dem buch gabs viele solche beispiele. Wahrscheinlich nich so das perfekte
der lick zum vorversuch duerfte bekannt sein, ansonsten:
hier klicken!