El propósito de este artículo es agregar un borde redondeado a un elemento HTML usando la propiedad border-radius en CSS. Se utiliza para redondear la esquina de un elemento. La propiedad establece el radio del borde del elemento.
Sintaxis:
border-radius: 1-4 length|% / 1-4 length|%|initial|inherit
Ejemplo:
<!DOCTYPE html>
<html>
<head>
<style>
.GFG {
border-radius: 75px 75px;
background: blue;
padding: 16px;
text-align: center;
width: 300px;
height: 120px;
}
</style>
</head>
<body>
<center>
<h1>
GeeksForGeeks
</h1>
<h2>
How to add a rounded
border with css ?
</h2>
<div class="GFG">
<h4>
Rounded corners Borders
</h4>
</div>
</center>
</body>
</html>
Producción:
Navegadores compatibles:
- Google Chrome
- explorador de Internet
- Firefox
- Ópera
- Safari
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA