서로 다른 모서리를 위한 CSS의 네 가지 값

값을 네 개 지정하면, 첫 번째 값은 왼쪽 상단 모서리의 둥글기를 설정하고, 두 번째는 오른쪽 상단, 세 번째는 오른쪽 하단 모서리, 그리고 네 번째는 왼쪽 하단 모서리를 설정합니다:

html<div id="elem"></div>

css#elem {
  width: 300px;
  height: 100px;
  border: 1px solid red;
  border-radius: 10px 20px 30px 40px;
}

Результат: