Ronde hoeken met behulp van border-radius

#hoeken-1 {background: black; color: white; margin-top: 15px; border-radius: 20px; padding: 8px;}

#hoeken-2 {background: black; color: white; margin-top: 15px; border: black solid 10px; border-radius: min(5vw, 50px); padding: min(1.5vw, 15px);}

#hoeken-3 {background: black; color: white; margin-top: 15px; border-radius: 4vw 20px 22vw 22vw / 20px 20px 80px 25px; padding: 10px 10px max(26px, min(3.8vw, 38px));}


			(border-radius is shorthand voor border-top-left-radius: 4vw 20px; border-top-right-radius: 20px; border-bottom-right-radius: 22vw 80px; border-bottom-left-radius: 22vw 25px;)

#hoeken-4 {background: white; color: black; outline: blue solid 6px; outline-offset: -18px; border: red solid 6px; border-radius: 50px; padding: 25px;}

#hoeken -5 {margin-top: 15px; background: url("091-pics/beige.jpg") white; color: black; border: solid 10px; border-color: blue red green black; border-radius: 5vw; padding: min(1.5vw, 30px);}