find-templates

Buttons

zurück zur Übersicht

Buttons 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;
}
Heute: 5 Besucher