Text-Links gestalten

Schönheitsoperation mit CSS

Im Vergleich zu anderen Tags macht HTML "von sich aus" ziemlich viel mit dem <a>-Tag. Lässt man das auf sich bewenden, kommen die Links ziemlich "retromässig" daher.
Mit minimalem CSS kann man schon ganz viel erreichen.

Was macht HTML schon wieder?

Bevor wir mit CSS Hand am Styling von Textlinks anlegen, schauen wir uns nochmals an, was HTML mit dem <a>-Tag anstellt:

Der Text ist unterstrichen
Der Text ist farbig: blau für noch nicht besuchte Links, violett für besuchte Links (sog. visited links)
Fährt man mit dem Cursor über den Link, verwandelt sich dieser in ein Händchen mit Zeigefinger, um dem Besucher anzuzeigen, dass man hier draufklicken kann (nicht auf Touchscreens). Das lässt man am besten so bleiben.

a {
	/* Text nicht mehr unterstreichen */
	text-decoration: none;
	/* Textfarbe selber bestimmen */
	color: #555555;
}

Vorschau (formatiert)

Ich bin ein Link

Selbstverständlich kannst du auch andere CSS-Regeln hinzufügen, um Links typografisch zu gestalten zu gestalten: Mehr dazu findest du in der Rubrik "Typografie".