Rounded corners with css- The 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.
border-radius: 10px; /* All corner is the same */
border-radius: 10px 5px 20px 0; /* All corner is different */