Border radius в CSS используется для задания скругления углов элемента. Он позволяет сделать края элемента более округлыми, добавляя радиус скругления вокруг каждого угла.

Синтаксис использования border radius в CSS:

border-radius: значение;

Значение может быть задано несколькими способами:

• По одному значению: border-radius: 10px; — все углы элемента будут иметь радиус скругления 10 пикселей.
• По двум значениям: border-radius: 10px 20px; — верхние и нижние углы будут иметь радиус скругления 10 пикселей, левые и правые — 20 пикселей.
• По трем значениям: border-radius: 10px 20px 30px; — верхние и нижние углы будут иметь радиус скругления 10 пикселей, левый верхний и правый нижний — 20 пикселей, правый верхний и левый нижний — 30 пикселей.
• По четырем значениям: border-radius: 10px 20px 30px 40px; — каж