Anfangsbuchstabe eines Links anders farbend?

Hallo,
ich habe mal wieder eine Frage. Ich möchte auf meiner neuen Seite in der Linkliste den Anfangsbuchstaben anders farbig als den link machen, geht dies?
z.b. Der Link: "Home" -> Das "H" soll grün werden und das "ome" soll dunkegrau werden.
Ich hoffe ihr versteht was ich meine.

mfg ad3nau

Danke, soweit funktioniert es schonmal, doch es ist immer so ein weißes hintergrund feld, wie kann ich das mit meinen background anpassen?

jetzt verändert sich aber nur der hintergrund von den buchstaben, nicht das ganze feld (button)

mfg

wunderbar, jetzt funktioniert es. Aber jetzt habe ich gleich noch eine Frage, und tzwar wenn ich unter meinen header eine gestrichelte linie haben möchte, wie bekomm ich das hin. ich habe es so versucht:

border-bottom: 1px;
 border-bottom-color: #12AA1D;
 border-bottom-style: dotted;

aber es wird nur eine weiße linie angezeigt, was mach ich falsch?

ok hab ich jetzt geändert, trotzdem wird nix angezeigt.

mfg

Jetzt wird der weiße streifen nicht angezeigt, aber ich möchte eine gestrichelte linie unter dem header: http://no0by.no.funpic.de/My_homepage/

ich habe es jetzt so geschrieben:

<td id="head" background="IMG/header.gif"><hr style=" border-bottom: 1px; border-bottom-color: #12AA1D; border-bottom-style: dashed;"></hr></td>

doch jetzt ist der rahmen genau durch den header. irgendwie bekomm ich es net hin ..

hier nochmal der link: http://no0by.no.funpic.de/My_homepage/index.html
mfg

ich hatte den <hr> tag genommen, ich hatte ihn nur falsch gesetzt
jetzt ist die linie weiß hinterlegt, hatte es schon mit background: #DFDFDF probiert, doch es ändert sich nix. was mach ich jetzt schonwieder falsch?

so, habe jetzt alles gemacht wie du es gesagt hast.
-> </hr> rausgenommen; px eingefügt; bottom rausgenommen
doch es bleibt immr noch das problem mit dem weißen streifen hinter den strich: http://no0by.no.funpic.de/My_homepage/index.html

mfg

ok, habe jetzt eine lösung gefunden, danke für deine hilfe