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.

Spiffy Box - Simple Rounded Corner CSS Boxes made easy

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>

MODx Content Management System - Simple Rounded Corner CSS Boxes

Le générateur utilise la technique des « Simple Rounded Corner CSS Boxes ».

 


 

2 réponses pour "CSS : générateur de coins arrondis"

  1. HTTParty #17 | (parenthese.be)  Surfe sur WordPress WordPress 2.6.2
    28 septembre 2008 @ 0:23
    1

    […] encadrements arrondis, c’est la grande mode du moment, soyez […]

  2. rezki  Surfe sur Mozilla Firefox Mozilla Firefox 3.0.5 avec Ubuntu Linux Ubuntu Linux
    06 février 2009 @ 16:47
    2

    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.

On sait pourquoi Forest Gump a couru aussi longtemps : il avait bousculé PapyGeek. +