border-radius: 10px; /* All corner is the same */
border-radius: 10px 5px 20px 0; /* All corner is different */
border-radius CSS property rounds the corners of an element's outer border edge. You can set a single radius to make circular corners, or two radii to make elliptical corners.
The radius applies to the whole background, even if the element has no border; the exact position of the clipping is defined by the
border-radius property does not apply to table elements when
border-collapse is collapse.