div rounded corners code example

Example 1: css rounded corners

/* Set rounded corners with border-radius property */

.class {
  border-radius: 4px;
}

.circle {
  border-radius: 50%;
}

Example 2: css div side rounded

.figure {
	background-color: black;
	border-bottom-left-radius: 100%30px;
	border-bottom-right-radius: 100%30px;    
}

Example 3: how to round the corners of a div outline in css

div {
  outline: auto;
  outline-style: round;
}

Example 4: css border radius

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

Example 5: css rounded corners

/* Use border-radius property */

.class {
  border-radius: 5px;
}

.circle {
  border-radius: 50%;
}