Bordes en CSS



Todos los bordes redondeados

border-radius: 24px;


Esquina superior izquierda redondeada

border-top-left-radius: 24px;


Esquina superior izquierda e inferior derecha redondeadas

border-radius: 24px 0;


Todos los bordes redondeados asimétricamente

border-radius: 36px 12px;


Esquina superior derecha redondeada

border-top-right-radius: 50px 30px;


Esquina inferior derecha redondeada

border-bottom-right-radius: 50px 30px;


Circulo

border-radius: 50%;


Borde circular parte superior

border-radius: 50% 50% 0 0;


Esquina superior e inferior derecha redondeadas

border-radius: 0 20px 20px 0;


Esquina superior e inferior izquierda redondeadas

border-radius: 20px 0 0 20px;>


Esquina superior derecha e inferior izquierda redondeadas

border-radius: 0 50% 0 50%;
Cilindro

border-top-left-radius: 50% 20%;
border-top-right-radius: 50% 20%;
border-bottom-left-radius: 50% 20%;
border-bottom-right-radius: 50% 20%;