CSS Button Editor

© Christian PAULUS. Document créé le 16 mars 2004 , mis à jour le 17 mars 2007.

Ce sont nos choix qui montrent ce que nous sommes vraiment, beaucoup plus que nos aptitudes. Joanne Rowling

Accueil du site > Outils > CSS Button Editor

Outil / CSS 2

Mots-clés

Dans la même rubrique

Grâce à CSS Button Editor, vous pouvez créer le style CSS des boutons pour vos formulaires directement sur votre navigateur et voir le résultat en ligne au fur et à mesure de vos désidératas.

 BorderLeft
thin medium thick 12pt 24pt
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
dotted dashed solid double groove ridge inset outset none
 BorderTop
thin medium thick 12pt 24pt
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
dotted dashed solid double groove ridge inset outset none
 
 Background
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 Text
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
   
 Filter
Internet Explorer 4+ uniquement.
Xray  Wave  Invert  Gray  FlipV  FlipH  DXImage 
   
 BorderRight
thin medium thick 12pt 24pt
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
dotted dashed solid double groove ridge inset outset none
 
 BorderBottom
thin medium thick 12pt 24pt
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
dotted dashed solid double groove ridge inset outset none
 
 Size



 

Testez le résultat : copiez/collez le code CSS ci-dessus dans une page HTML, puis créez un bouton ayant pour classe Submit. Le code de votre form/bouton doit ressembler à ceci :

<form name="form1" id="form1" method="post" action="">
<input class="submit" type="submit" name="Submit" value="Envoyer" />
</form>

Pour les images de fond (backgroundImage), créez vos propres trames sur votre serveur et corrigez la ligne backgroundImage.

Ce n’est qu’ici qu’un aperçu qui j’espère vous donnera satisfaction.

Répondre à cet article