`border-radius`

Redondea las esquinas de un elemento. Un valor alto y simetrico en un elemento cuadrado produce un circulo.

Vista previa

Codigo

ejemplo.html

<style>
  .caja { width: 80px; height: 80px; background: #ccc; border-radius: 16px; }
  .circulo { width: 80px; height: 80px; background: #999; border-radius: 50%; margin-top: 10px; }
</style>
<div class="caja"></div>
<div class="circulo"></div>