Todos sabemos que para redondear las cuatro esquinas de una capa se utiliza la propiedad css border-radius pero y si queremos redondear solo la parte superior o inferior de la capa?Osea redondear una determinada esquina de la capa.
La propiedad CSS3 border-radius permite a los desarrolladores web utilizar fácilmente esquinas redondeadas en sus elementos de diseño, sin la necesidad de imágenes en la esquina o la utilización de etiquetas div múltiples, y quizás es uno de lo más hablado de los aspectos de CSS3.
Desde la primera vez que se anunció en 2005 la propiedad borde de radio ha llegado a disponer una compatibilidad con exploradores generalizada (aunque con algunas diferencias) y, con relativa facilidad de uso, los desarrolladores web se han apresurado a sacar el máximo provecho de esta tecnología.
Dicho esta pequeña introducción para asignar la propiedad de redondear esquinas de una div solo en la parte superior tienes que usar el siguiente código:
Nota:
Si lo que quieres es redondear las inferiores usa estos:
Nota: