Comment utiliser Générateur de bouton CSS

La réponse courte

Pour créer un bouton CSS, réglez le texte, les couleurs, le padding, l'arrondi, la bordure, l'ombre, la police et l'effet au survol, puis copiez le HTML et le CSS. L'aperçu montre les états normal, survol et focus, avec un contrôle de contraste accessible.

Il s'exécute dans votre navigateur. Ce que vous saisissez n'est pas envoyé.

Comment l'utiliser

Tapez ou collez votre texte dans l’outil.

Choisissez les options souhaitées.

Le résultat se met à jour instantanément.

Copiez ou téléchargez le résultat.

Limites à connaître

Faut-il utiliser <button> ou <a> ? <button> pour les actions sur la page ; <a> pour les liens qui mènent à une autre page.

Un style de focus est-il nécessaire ? Oui. Les personnes qui naviguent au clavier ont besoin d'un contour de focus visible, que le CSS généré inclut.