Bordures sur coins arrondis

Bonjour à tous,

Je n'arrive pas à mettre des bordures sur des coins arrondis avec ce type de code :

<div class="arrondi">
<p>contenu</p></div>

div 
{
	width: 450px;
	padding: 10px;
}
div.arrondi
{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-color: blue;
}

Merci d'avance
Modifié par KelT (17 Jun 2010 - 10:25)

Bonjour,

Es tu sous IE ?
Si oui, IE n'interprète pas les coins arrondis

non je suis sous firefox

Salut,

Un petit rappel du tuto, que tu as peut être déja consulté :
Créer des coins arrondis en CSS et sans imagess

merci mais il ne parle pas de bordure, border-radius étant la propriété pour faire les coins arrondis...

Pour les bordures, il faut regarder du côté de la propriété border.

salut
pour avoir une bordure il suffit de rajouter:
(par exemple pour avoir une bordure de 2px rouge: border: 2px solid red):

div.arrondi 
{ 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px; 
    background-color: blue; 
    border: 2px solid red;
} 

Ben non justement avec des coins arrondis border ne marche plus ou doit être utilisé autrement...

pourtant ça marche chez moi:



avec le même code que j'ai mis, (avec une seule différence: la taille est de 3px et non de 2px, pour mieux voir)

ah bah autant pour moi, c'est bizarre que firefox sous linux ne le gère pas

ah bah si ça marche, je ne sais pas ce que j'avais fait hier...

Merci a+