Bienvenido a datoweb.com!! En este foro podrás encontrar ayuda sobre diseño y desarrollo web en general. Si quieres formar parte de esta comunidad para pedir ayuda o colaborar ayudando a otros usuarios del foro solo tienes que registrarte desde el siguiente enlace: Registrarse en el Foro

Redondear bordes superiores de una capa con css



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 unacompatibilidad 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:
#div_ejemplo {
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
Si lo que quieres es redondear las inferiores usa estos:
#div_ejemplo {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
0
Puntos
2035
Visitas
0
Resp
Por prozona hace 110 meses
Experto
Compartir en facebook
Compartir en twitter
Compartir
Para comentar Inicia sesión o Registrate