Можно ли применить «border-radius» для определенного угла?

Question

Я знаю, что можно применить пограничный радиус обычно к области. Но теперь я работаю над дизайном, который содержит разные значения углового радиуса. Можно ли использовать border-radius для определенного угла?

Answer 1

Выберите, в каком углу вы хотите округлить и выбрать одну из четырех следующих линий.

border-radius: 10px 0 0 0; 
border-radius: 0 10px 0 0; 
border-radius: 0 0 10px 0; 
border-radius: 0 0 0 10px; 

Answer 2

От W3Schools

Добавить округлую рамку в верхнем правом углу <div> элемента:

div { 
    border: 2px solid; 
    border-top-right-radius: 2em; 
} 

Кроме того, для какой-то дополнительной информации, которую я хотел бы предложить вам взглянуть на следующее: CSS3 Borders