Outils gratuits
Français
Générer des boutons CSS
Générer des boutons CSS — Choisissez des dimensions ou couleurs et vérifiez le résultat. Guide de saisie: Couleur de fond, Couleur, Marge intérieure du bouton (px), Rayon des coins (px). Sans inscription.
Sans inscription
Chargement de l’outil…
Mode d’emploi
- 1Guide de saisie: Couleur de fond, Couleur, Marge intérieure du bouton (px), Rayon des coins (px).
- 2Exécutez l’outil et vérifiez le résultat.
- 3Copier le résultat / Enregistrer le résultat.
À savoir
Vérifiez plages et unités. Les résultats dépendent de vos données et du navigateur.
Les annonces peuvent traiter des données de connexion. La personnalisation respecte vos choix de confidentialité. Confidentialité (anglais)
Exemple calculé d’entrée et de sortie
Résultats du moteur réel avec les valeurs ci-dessous, sans données personnelles ni travail enregistré. Chargez l’exemple pour retrouver ces entrées.
Entrée d’exemple
| Champ | Valeur |
|---|---|
| Couleur de fond | #0F766E |
| Couleur | #FFFFFF |
| Marge intérieure du bouton (px) | 12 |
| Rayon des coins (px) | 12 |
Résultat d’exemple
.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; }Conditions de saisie
Il s’agit des limites réelles de validation, sans garantie que toute valeur admise soit réaliste ou adaptée à votre situation.
- Marge intérieure du bouton (px): Plage admise: 4 ≤ x ≤ 40
- Rayon des coins (px): Plage admise: 0 ≤ x ≤ 100