Faire des coins arrondis en CSS n’est pas forcément une chose aisée, surtout lorsque l’on veut que le rendu soit compatible avec tous les navigateurs.
Heureusement, le site Spiffy Box vient simplifier la tâche avec son générateur de coins arrondis.
Il suffit de régler quelques paramètres comme la taille et la couleur, et le tour est joué.
Le code généré est propre, sa structure étant la suivante côté HTML:
1 2 3 4 5 6 7 8 | <div class="cssbox"> <div class="cssbox_head"> <h2>This is a header</h2> </div> <div class="cssbox_body"> <p>This is for your content.</p> </div> </div> |
Le générateur utilise la technique des « Simple Rounded Corner CSS Boxes ».
2 réponses pour "CSS : générateur de coins arrondis"
28 septembre 2008 -
[…] encadrements arrondis, c’est la grande mode du moment, soyez […]
06 février 2009 -
Les choses ne sont pas aussi simples qu’on le croit car la taille des éléments Web n’est pas censée convenir à tous. Les internautes ont la possibilité de changer la taille du texte et à ce moment là, il va déborder de la boite.