Des Cadres à bord arondi ?

[amangin]

Bonjour,

Existe t il des propriétés permettant de créer un cadre à bord arrondi ?

Sinon, quelle technique utiliser ?

Merci

[Yatooweb]

Exemple trouvé sur le web: (à vérifier son bon fonctionnement sur les différents navigateurs).

Code CSS

Code: Tout sélectionner

div#nifty{margin:0 10%; background:#9BD1FA}
b.rtop, b.rbottom{display:block; background: #FFF}
b.rtop b, b.rbottom b{display:block; height:1px; overflow:hidden; background:#9BD1FA}
b.r1{margin:0 5px}
b.r2{margin:0 3px}
b.r3{margin:0 2px}
b.rtop b.r4, b.rbottom b.r4{margin:0 1px; height:2px}

Code HTML

Code: Tout sélectionner

<div id="nifty">
<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
<p>Aaeao aiieuouiu io ueuiieu uei oeio uooiau uue ooiea ooiaui eue ouue i uiaoo iouieiuia uueeo ieieuiiau ueaooa iou iaeieuo uoao iauoi u i oeioooe auo a ooe u uuuo oaooaae uoa iuiuiaeu iioaeu uuiu eeu ea eouoiuo ua o.</p>
<b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
</div>

[kleist]

Merci Yatooweb, cela marche avec IE, Firefox et opera, navigateurs que j'utilise.

[marc cortes]

il existe mille fois plus simple en utilisant le CSS

Code CSS

Code: Tout sélectionner

border-radius: 5px 5px 0 0;

0 donne un angle à 90°
plus le nombre de pixel est important, plus l'arrondi sera prononcé.

perso j'utilise 5 pixel et le résultat me convient bien
exemple:
-http://www.swingbourse.com

[Tommyknocker]

regarde la date, ton code n'existait pas encore à cette période, c'est sur que maintenant, c'est beaucoup plus simple.