Comment obtenir ce cadre ?

[sam01]

Bonjour,

j'aimerais encadrer le contenu de mon site un peu de la manière suivante :

http://www.etudionsaletranger.fr/


Je ne sais pas comment à été obtenu le côté arrondi, la technique utilisée...

Merci d'avance pour vos lumières.

[H.Pascal]

Bonjour, alors pour cela, il faudrait utiliser les propriétés css3 suivantes:

Code :

1
2
3
 
-moz-border-radius: taille(en px, em...); // pour Firefox
-webkit-border-radius: taille; // pour Chrome Opera

Seul bémol Internet Explorer ne supporte pas ces propriétes.
Sinon, il y a une deuxième solution aussi, pour le haut tu utilises simplement une image qui est un rectangle avec des coins arrondis en haut, et pour le bas l'inverse un rectangle avec des cons arrondis en bas.

[sam01]

Ok.

Merci H.Pascal.