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 !