5934-boutonscss3

Personnaliser vos boutons

Il existe plusieurs manières d’implémenter un bouton sur un site internet. Bien souvent, on se contente d’utiliser les boutons HTML classiques qui ont à peu près la même apparence dans tous les navigateurs.

 

Pour créer un bouton en HTML, par défaut il faut utiliser une balise
< input > de type « button » et on obtient le bouton gris pas très beau mais fonctionnel et reconnu par tous.

Pour ceux qui souhaitent personnaliser leurs boutons tout en conservant un maximum d’accessibilité et de compatibilité avec les navigateurs, voici quelques ressources utiles. Certains vous proposent des boutons en pur CSS, CSS3, et d’autres utilisent une image de fond répétée.

La plupart fonctionnent très bien sur tous les navigateurs. Bien sûr, certains n’interprètent pas encore le CSS3, donc votre bouton sera bien là, mais moins beau.

  1. Sexy Buttons
  2. Sexy Buttons

  3. Simply Buttons
    Simply Buttons
  4. CSS Sliding DoorCSS Sliding Door
  5. Super Awesome Buttons with CSS3Super Awesome Buttons with CSS3
  6. Colorful CSS3 buttonsColorful CSS3 buttons
  7. Scalable CSS ButtonsScalable CSS Buttons
  8. Sexy Buttons with CSSSexy Buttons with CSS

3 commentaires

S'abonner au RSS des commentaires
  1. weight loss diet
    Posté le 26/09/2010 à 13h29

    i need to get rid of not useable stuff, and it’ll be kinda ok to read this stuff at the pleasant time

  2. College essay
    Posté le 22/09/2010 à 21h14

    well, it’s been a pleasure for me to read all this stuff, thanks a lot for sharing

  3. olivier
    Posté le 02/04/2010 à 15h37

    C’est clair c’est important de ne pas négliger les boutons quand on crée un site web ..c’est une parfaite illustration

Laisser un commentaire

Votre e-mail ne sera jamais publié ni communiqué. Les champs obligatoires sont indiqués par *

*
*

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>