HTML

A mettre où vous voulez dans votre BODY

<div class="un couleurbox"></div> <div class="deux couleurbox"></div> <div class="trois couleurbox"></div> <div class="quatre couleurbox"></div>
  <div class="centrearrondi couleurbox">
     texte
  </div>
<div class="quatre couleurbox"></div> <div class="trois couleurbox"></div> <div class="deux couleurbox"></div> <div class="un couleurbox"></div>

CSS

.un      {
   margin:0 4px;
   height:1px;
   background-color:#BFBFBF;
   overflow:hidden;/*necssaire pour IE */
   border:2px solid #BFBFBF;
   border-top:0;border-bottom:0;
}
.deux {
   margin:0 3px;
   height:1px;
   overflow:hidden;/*necssaire pour IE */
   border:2px solid #BFBFBF;
   border-top:0;border-bottom:0;
}
.trois{
   margin:0 2px;
   height:2px;
   overflow:hidden;/*necssaire pour IE */
   border:2px solid #BFBFBF;
   border-top:0;border-bottom:0;
}
.quatre {
   margin:0 1px;
   height:2px;overflow:hidden;/*necssaire pour IE */
   border:2px solid #BFBFBF;
   border-top:0;border-bottom:0;
}
.centrearrondi {
   border:2px solid #BFBFBF;
   border-top:0;border-bottom:0;
   margin:0 1px;
   padding:0 2em;
   height:auto;
}
.couleurbox {background: #666;}

Mutins :) , le 23/04/2010 (dernière modif : 6/03/2009)