Border Radius

Another important part of borders is their border radius, as it is commonly used in modern web design. For example, a back button at the bottom left of the screen has a slight but noticeable border radius.

We achieve border radius as follows:

border-radius: 10px;

10px indicates the size of the border radius.

The rule is: the more pixels, the rounder it is.