Генератор CSS Border Radius
Создавайте значения border-radius визуально с индивидуальным управлением углами, пресетами и живым превью.
Предпросмотр
8px8px8px8px
Пресеты
Управление
Связать все углы
Вывод CSS
Ctrl+Enter выполнитьCtrl+Shift+C скопировать
Узнать больше
CSS Border Radius: скруглённые углы, круги и фигуры
Создавайте скруглённые углы, формы пилюль, круги и сложные органические фигуры с CSS border-radius.
Понимание border-radius
Свойство CSS border-radius скругляет углы внешнего края границы элемента. Оно принимает от одного до четырёх значений для независимого управления каждым углом — верхний левый, верхний правый, нижний правый и нижний левый. Одно значение применяет одинаковый радиус ко всем четырём углам, а четыре значения позволяют создавать асимметричные формы.
5 мин чтенияЧитать полное руководство