La propiedad border-radius permite a los desarrolladores web diseñar bordes redondeados con CSS3 en sus diseños.

El ejemplo que se ve en la imagen se hizo con el siguiente código:

#ejemplo1 {
-moz-border-radius: 15px;
border-radius: 15px;
}

Los bordes redondeados tambien se pueden crear en forma independiente utilizando:

• border-bottom-left-radius
• border-bottom-right-radius
• border-top-left-radius
• border-top-right-radius

Sintaxis:

border-*-*-radius: [ | <%> ] [ | <%> ]?