CSS ROUNDED BORDERS

In CSS, use border-radius to make rounded borders.

.box {
  border: 2px solid black;
  border-radius: 10px;
}

Common examples

Rounded corners:

border-radius: 10px;

Very rounded:

border-radius: 25px;

Circle:

width: 100px;
height: 100px;
border-radius: 50%;

Different radius for each corner:

border-radius: 10px 20px 30px 40px;

The order is top-left → top-right → bottom-right → bottom-left.