To værdier for afrunding for forskellige hjørner i CSS

Hvis der angives to værdier, angiver den første værdi afrundingen for øverste venstre og nederste højre hjørne, den anden - for øverste højre og nederste venstre hjørner:

html<div id="elem"></div>
css#elem {
  width: 300px;
  height: 100px;
  border: 1px solid red;
  border-radius: 10px 40px;
}

Результат:

Задание 1

Gentag siden efter dette mønster: