Kostenlose Werkzeuge
Deutsch
CSS-Schaltfläche erstellen
CSS-Schaltfläche erstellen — Größen oder Farben wählen und Code oder Ergebnis prüfen. Eingabehilfe: Hintergrundfarbe, Farbe, Innenabstand der Schaltfläche (px), Eckenradius (px). Ohne Konto.
Ohne Konto
Werkzeug wird geladen…
So funktioniert es
- 1Eingabehilfe: Hintergrundfarbe, Farbe, Innenabstand der Schaltfläche (px), Eckenradius (px).
- 2Werkzeug starten und Ergebnis prüfen.
- 3Ergebnis kopieren / Ergebnisdatei speichern.
Gut zu wissen
Bereiche und Einheiten prüfen. Ergebnisse hängen von Eingaben und Browser ab.
Werbung kann Verbindungsdaten verarbeiten. Personalisierung folgt Ihrer Datenschutzwahl. Datenschutz (Englisch)
Berechnetes Ein- und Ausgabebeispiel
Ergebnisse der tatsächlichen Engine mit diesen Beispielwerten, ohne persönliche Eingaben oder gespeicherte Arbeit. Beispiel im Tool laden, um dieselben Eingaben zu prüfen.
Beispieleingabe
| Feld | Wert |
|---|---|
| Hintergrundfarbe | #0F766E |
| Farbe | #FFFFFF |
| Innenabstand der Schaltfläche (px) | 12 |
| Eckenradius (px) | 12 |
Beispielergebnis
.button {
background: #0F766E;
color: #FFFFFF;
padding: 12px 24px;
border: 0;
border-radius: 12px;
min-height: 44px;
cursor: pointer;
}
.button:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }Eingabebedingungen
Dies sind tatsächliche Eingabegrenzen; zulässige Werte sind dadurch nicht automatisch realistisch oder für jeden Fall geeignet.
- Innenabstand der Schaltfläche (px): Zulässiger Bereich: 4 ≤ x ≤ 40
- Eckenradius (px): Zulässiger Bereich: 0 ≤ x ≤ 100