En este artículo, aprenderemos cómo configurar la forma de la esquina superior izquierda de div usando CSS. La propiedad border-top-left-radius se usa para formar la forma de la esquina superior izquierda. Podemos usar porcentajes para dar forma a la esquina superior izquierda, para eso puedes consultar este artículo ¿Cómo establecer la forma de la esquina superior izquierda en porcentaje?
Enfoque: la propiedad border-top-left-radius se usa para formar la forma de la esquina superior izquierda. Así que usaremos esta propiedad para establecer la forma de la esquina superior izquierda. Toma dos valores: el primero es top_border y el segundo es left_border, pero podemos omitir el segundo, entonces el primer valor es el valor de top_border y left_border.
Sintaxis:
border-top-left-radius: top_border left_border;
Ejemplo 1:
HTML
<!DOCTYPE html>
<html>
<head>
<style>
.gfg1{
padding-left: 50px ;
font-size: 30px;
color: green;
}
div{
width: 300px;
border: solid 2px green;
margin-left: 30%;
border-top-left-radius: 20px 50px;
}
</style>
</head>
<body>
<div class="parent">
<p class="gfg1">GeeksforGeeks</p>
</div>
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por nikhilchhipa9 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA