Buttons
zurück zur ÜbersichtButtons ohne Grafiken
Wir können verlinkten Text optisch zu einem Button gestalten.
Die Verlinkung bekommt in diesem Beispiel 2 Klassen.
- mit der ersten Klasse die Eigenschaften für den Text (Schriftgröße u.s.w)
- mit der zweiten Klasse die Optik für den Button (Rahmen, Schatten u.s.w.)
<a class="buttontext button" href="Link-Adresse">Linktext</a>
HTML-Code dort einfügen, wo der Button zu sehen sein soll. Zum Beispiel "rechte Box", oder im Seiteninhalt
a.button { width: 100px; display: block; height: 20px; line-height: 20px; text-decoration: none; color: black; border: 1px solid #c9c9c9; border-radius: 15px; text-align: center; }