La propriété de feuille de style css border-radius permet de d'arrondir les coins d'une bordure.
La propriété de feuille de style border-radius css peut pendre les valeurs de :
- numérique suivie de px ou %(prend pour base width pour l'horizontal et height pour le verticale) ou pt ou em.
Si la propriété de feuille de style css border-radius est suivie d'une seule valeur alors cette valeur est appliquée à tous les coins de l'élément.
Si la propriété de feuille de style css border-radius est suivie de deux valeurs alors la première valeur est appliquée aux marges intérieures horizontales et la seconde aux marges intérieures verticales.
Il existe des "sous propriétés" qui fonctionnent avec 1 ou 2 valeurs :
border-bottom-left-radius
border-bottom-right-radius
border-top-left-radius
border-top-right-radius
Evolution pour les versions CSS3 :
Chaque valeur accepte un format liste valeurs / liste valeurs. La première liste représente les rayons horizontaux des coins, la deuxième liste représente les rayons verticaux des coins
Exemple de code :

La propriété de feuille de style css border-radius est applicable sur tous les éléments qui ont une bordure.

La propriété de feuille de style border-radius css n'est pas reconnue

Voici le code pour que votre coin arrondi apparaisse sur le maximum de navigateurs.
Code css du coin arrondi :

Vous trouverez ci-dessous divers bugs d'interprétation de la css border-radius.
Ces bugs ont été transmis par les internautes du site.

J'ai vérifié certains bugs mais pour la plupart, ils sont soit sur MAC soit sur un navigateur que je ne possède pas.
Ceux que j'ai pu visualiser sont notés
Bug vérifié : oui.