CSS hover-effekt

hi,
ich möchte gerne meine links schön formatieren und habe keine lust, ein extra bild zu erstellen um mein vorhaben zu realisieren

also ich möchte einen Link haben der erst Schwarz ist und wenn man über diesen rüberfährt, oben und unten ein Balken erscheint, dieser aber rot ist !

also das habe ich bereits, nur ich finde einfach keinen befehl, der meien striche rot färbt, den text aber nicht...

danke hsconmal für eure hilfe !

a.navi:link {
	color: #000000;
	text-decoration: none;
}
a.navi:hover {
	color: #000000;
	text-decoration: underline overline;
}

achso, mit border, hätt ich auch selbst drauf kommen können, aber vielen dank. hab gedacht fapr gibts nen extra befehl =)
dank & mfg