Способы создания круглых и эллиптических углов в CSS отличаются. 14

Для создания круглых углов нужно установить свойство border-radius в 50% для элемента с идентичными шириной и высотой. 1

Для создания эллиптических углов нужно указать два значения через косую черту (/). 24 Значение перед слешем указывает горизонтальное скругление, а значения после слеша — вертикальное. 2 Например, border-radius: 40px/20px, где радиус по оси X будет иметь значение 40 пикселей, а по оси Y — 20 пикселей. 3

Таким образом, для круглых углов задаётся один радиус, а для эллиптических — два, первый из которых определяет радиус по горизонтали, а второй — по вертикали. 45