como hacer bordeados con el CSS3

ola

he estado intentando hacer un bordeado con el codigo css3 pero hasta horo no m ha slido nada y si me pudieran poner el codigo para ponerlo en un menu lateral porfalor lo agradeceria mucho este es el codigo al que quiero ponerselo

#menu       {width: 150px ; float:left ; 
             text-align:left ; margin: 3px 10px 3px 3px ; 
             background-image: url(objetos/menu-parte-inferior.gif); 
          background-position: bottom ; 
             padding-bottom:5px } 
#menu li    {list-style:none ; margin: 4px 8px 4px 6px } 
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ; 
          background-image: url(objetos/menu-parte-superior.gif) } 

le he sacdo la imagen pero no aparecia nada cuendo le ponia el otro codigo

Quieres que el menu lateral tenga borde en los cuatro lados? si es eso lo que quieres, solo debes agregar lo que puse en rojo, y si no vas a usar las imagenes de las curvas, puedes sacar lo que puse en verde:


#menu {border:black 1px solid;width: 150px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom ;
padding-bottom:5px }
#menu li {list-style:none ; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ;
background-image: url(objetos/menu-parte-superior.gif) }

Si no era eso lo que querias, seguimos buscandole la vuelta, saludos.

Hola arllk


Este el codigo CSS3

#ejemplo
{
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
}

Por otro lado, este es el encargado de lograr el mismo efecto en iPhone, Safari y Chrome:
Código :

#ejemplo
{
-webkit-border-top-left-radius: 10px;
-webkit-border-top-rightright-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-rightright-radius: 10px;
}

Y tambien para el ejemplo (cuando todos los bordes son del mismo radio) es mucho más óptimo utilizar la propiedad así:

Código :

-webkit-border-radius: 10px; //para navegadores basados en webkit
-moz-border-radius: 10px; //para navegadores basados en gecko