Comment faire des onglets arrondis ?

Je vous propose ce matin un petit peu d’exercice de développement avec la réalisation d’onglets arrondis en n’utilisant qu’une seule image (et des styles CSS évidement !). C’est le site FiftyFourEleven en fait qui a travaillé sur la question à partir de différentes techniques : Light Weight Low Tech CSS Tab. L’astuce consiste à n’utiliser qu’une seule image et à jouer sur la couleur de fond (background-color) pour décliner ces onglets. Vous pouvez avoir un aperçu du résultat ici : Example A et Example B. Allez, tous à vos notepad et faites moi de beaux arrondis !

Un commentaire sur “Comment faire des onglets arrondis ?

  1. Très intéressant. Merci. Pour Cowbo : pour voir les exemples de code, ouvre le lien « example A » ou « example B » et clique dans ton navigateur sur Affichage et source pour voir le code source. A+

Laisser un commentaire