CSS: border-radius

¿Cuantas veces me han preguntado como poner las puntas de tal o cual o cosa para que se vean redonditas?

Si quieres que las cuatro puntas se vean igualmente redondeadas, como lo ves justo en este ejemplo, puedes colocar lo que sigue a continuación:

border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;

Y obviamente cambiar el 10 por el valor que ustedes quieran; las tres líneas que aparecen sirven para lo mismo, pero tienen que poner las 3 ya que sirven para que se vean en diferentes exploradores.

También puedes elegir que dos puntas se vean redondeadas y las otras dos no, como lo ves en este ejemplo. En ese caso lo que deberías elegir es:

border-radius: 0px 10px 0px 10px;
-moz-border-radius: 0px 10px 0px 10px;
-webkit-border-radius: 0px 10px 0px 10px;

++ border-radius: arriba izquierda | arriba derecha | abajo derecha | abajo izquierda

Ya queda en ustedes ver cómo lo quieren poner y recuerden que el valor 0 es para que las puntas se vean normal.