Как скруглить края в CSS

Для скругления краев в CSS используется свойство border-radius. Например, чтобы скруглить все углы элемента на 10 пикселей, нужно использовать следующий код:

border-radius: 10px;

Если нужно скруглить только определенные углы, можно использовать следующий синтаксис:

border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;

В этом примере мы скругляем только левый верхний угол элемента.