Arrondir les coins d'une bordure en CSS3

CSS3 est également ajoutant border-radius qui peuvent éliminer le besoin d'images pour créer des coins arrondis dans la plupart des cas. Les deux Mozila / Firefox et Safari ont mis en place cette nouvelle fonction, il n'est pas supporté dans tous les IE pour le moment.

Ci-dessous vous pourrez voir un exemple:

<div style="-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:1px solid #000;padding:20px;">
Text dans la div
</div>

Affichera :

Text dans la div