Poner los bordes de un div redondeados con CSS

25 09 2008

Para poner los bordes de un div (capa) redondeados utilizando CSS-3 en el navegador Mozilla se debe dar valor a la variable -moz-border-radius cuya sintaxis es:

-moz-border-radius: <border-radius>{1,4} | inherit

Nota: Para <border-radius> se puede usar tanto un valor en pixeles como un porcentaje y, además, pueden ir 1 ó 4 valores según sea top-left, top-right, bottom-right ó bottom-left.

Un ejemplo de uso:

#encabezadoDivleft{
width: 330px;
height: 280px;
border:1px solid #003366;
-moz-border-radius:10px;/*Establecemos el radio del borde*/
margin-left:10px;
float:left;
margin-bottom:0px;
margin-top:20px;
}

Más información aquí