CSS Rounded Corners

CSS Rounded Corners

The border-radius property defines the radius of the element's corners.

This property allows you to add rounded corners to elements!

Example 1: Rounded Corners for an Element

Example 2: Rounded Corners for an Image

Example 3: Specific Corners

You can specify each corner separately.

div {
  border-radius: 25px;
  background: #73AD21;
  padding: 20px; 
  width: 200px;
  height: 150px; 
}