Outil CSS

© Christian Paulus - Document créé le 2004-03-16, mis à jour le 2007-01-14

L'éternité c'est long, surtout vers la fin.Woody Allen

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.

Note basée sur CSS 2 2004-05-21 chris

CSS Button Editor, un petit éditeur de styles pour le bouton du formulaire.

 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.

D'autres outils pour webmaster sur Quesaco :

Quesaco: page accueil