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
Partager cette actualité :
wikio scoopeo fuzz diggfr digg-design blogmemes delicious tapemoi yoolink bluegger pioche

1 Commentaire

gravatar
le 02 avril à 15h37 olivier Répondre 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

Requête en cours, veuillez patienter...

Ajouter un commentaire