Schaltflächen sind ein wesentlicher Bestandteil jeder interaktiven Website. Sie ermöglichen es dem Benutzer, verschiedene Aktionen auszuführen, z. B. das Senden eines Formulars, das Navigieren zu einer anderen Seite, das Aufrufen eines modalen Fensters und vieles mehr. Die Schaltflächen können nicht nur funktional sein, sondern auch mit CSS-Stilen gut aussehen.
Um eine Schaltfläche mit CSS zu erstellen, müssen Sie eine bestimmte Klasse oder ID angeben und die entsprechenden Stile auf die Schaltfläche anwenden. Beginnen wir damit, das Schaltflächenelement mithilfe des Tags oder zu definieren.
Beispiel für eine Schaltfläche mit einem Tag :
Nachdem wir das Schaltflächenelement erstellt haben, können Sie mit dem Styling beginnen. Dazu erstellen wir einen Stil für die Klasse oder ID, die wir der Schaltfläche zugewiesen haben. Sie können verschiedene Eigenschaften in CSS festlegen, z. B. Hintergrundfarbe, Schriftart, Rahmen, Größe, äußere Ränder und andere.
Grundlagen zum Erstellen einer Schaltfläche
1. Definieren Sie den HTML-Code für die Schaltfläche. Die Schaltfläche kann mit dem Tag oder erstellt werden. Zum Beispiel können Sie den folgenden Code verwenden:
