Générateur de bouton CSS

Configurez les options de style disponibles d’un bouton, prévisualisez-le et copiez le HTML et le CSS générés.

CouleurHEXTexteCouleur du texte

<button class="custom-button">Button</button>
<style> .custom-button { background: #4F46E5; color: #FFFFFF; padding: 12px 24px; border-radius: 16px; border: 0; } </style>