Rectángulos con border-radius
La propiedad border-radius redondea las esquinas de un elemento. Funciona con fondo de color, borde o imagen de fondo.
Con color de fondo:
Esquinas redondeadas
Con color de borde:
Esquinas redondeadas
Con imagen de fondo:
Círculos con border-radius elevado
Cuando border-radius iguala la mitad del ancho y del alto, el elemento toma forma circular.
Con color de fondo:
Círculo
Con color de borde:
Círculo
Con imagen de fondo: