2010-06-21 4 views
2

comment faire coin rond de div en css et j'ai des éléments de liste de menucomment faire coin rond de div

<div class="menu"> 
    <ul> 
     <li class="active"><a href="index.html">HOME</a></li> 
     <li class="active"><a href="#">COMPANY</a></li> 
     <li class="active"><a href="#">SOLUTIONS</a></li>... 

comment arrondir les coins de li articles

+0

duplication possible de [Traverser les coins arrondis (aucune image)] (http://stackoverflow.com/questions/2814348/cross-browser-rounded-corners-no-image) – Wim

Répondre

1
-webkit-border-radius: 2px; 
-moz-border-radius: 2px; 
border-radius: 2px; 

Comme indiqué précédemment, cela ne fonctionnera pas dans IE. Mais la nouvelle version d'IE va le supporter je crois (corrigez-moi si je me trompe, s'il vous plaît).

Dans le pire des cas, les utilisateurs IE ne verront pas les coins arrondis. Pour plus d'informations sur la propriété de rayon de bordure the following is a good article.

2

solution des normes-courant serait de utiliser border-radius de CSS 3.

Voir http://www.css3.info/preview/rounded-border/

+0

mais ne va pas travailler dans IE –

+1

@pranay_stacker: Il sera dans les versions futures. En attendant, c'est assez bon et des fonctionnalités plus importantes peuvent être abordées - au lieu d'essayer de faire en sorte que les mauvais navigateurs soient beaux. –

+0

D'accord avec @Brock. La meilleure pratique impliquerait un filtrage basé sur les fonctionnalités plutôt qu'un reniflage de navigateur. Si border-radius n'est pas activé, utilisez l'une de ces bibliothèques JS qui ont la même fonctionnalité border-radius. IE ne devrait pas déterminer la mise en œuvre, mais souffrir de performances plus lentes sur son moteur obsolète. Injuste de faire souffrir les plateformes modernes. –

Questions connexes