Puis-je l'utiliser sur un lien ?

Oui. Le CSS fonctionne sur les éléments et avec class="button".

Générateur de boutons CSS – Concevoir des boutons et copier du CSS

Générateur de boutons CSS

Stylisez un bouton avec un aperçu en direct, vérifiez son contraste et copiez le CSS complet.

S'exécute dans votre navigateur

Vos données : Cet outil traite votre saisie dans ce navigateur. CapyHelp ne télécharge pas cette entrée pour générer votre résultat. Détails de confidentialité

Comment utiliser le générateur de boutons CSS

Définissez le texte, les couleurs et les tailles.
Choisissez rempli ou contour et une ombre.
Copiez le CSS et ajoutez class="button" à votre lien ou bouton.

Boutons accessibles

L'outil montre le contraste entre le texte et l'arrière-plan. Visez au moins 4,5:1 pour que tout le monde puisse lire l'étiquette. Le CSS inclut un plan de focus visible pour les utilisateurs de clavier, que vous devez conserver.

Exemples

Blanc sur indigo

Contraste 6.3:1

Style de contour

Bouton transparent qui se remplit au survol

Générateur de boutons CSS

Générateur de boutons CSS

Comment utiliser le générateur de boutons CSS

Boutons accessibles

Exemples

Questions