Comment faire pour que les coins soient arrondis uniquement sur la partie supérieure de la bordure dans css ?

Question

Dans mon site, je dois faire en sorte qu'une div ait des coins arrondis uniquement dans les coins supérieurs. Mais je ne sais pas comment faire. Quelqu'un peut-il m'aider ?

Answer 1

La réponse de Brendan est correcte, mais pour qu'elle s'affiche dans plus de navigateurs, vous devriez utiliser ceci :

-moz-border-radius: 0px;
-webkit-border-radius: 3px 3px 0px 0px;
border-radius: 3px 3px 0px 0px;

Answer 2

border-top-left-radius: 3px;
border-top-right-radius: 3px;

Answer 3

Les autres réponses sont correctes, mais il existe une solution abrégée :

border-radius: 3px 3px 0 0; 

qui n'arrondira que les coins supérieurs et laissera les coins inférieurs tranquilles. L'ordre des valeurs se fait dans le sens des aiguilles d'une montre - en haut à gauche, en haut à droite, en bas à droite, en bas à gauche.

En voici un exemple : http://jsfiddle.net/9sXWf/