border radius 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: how to round the corners of a div outline in css

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

Example 3: border-radius circle using %

.circle {
    background-color:#fff;
    border:1px solid red;    
    height:100px;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    width:100px;
}
<div class="circle"></div>

Example 4: button edges rounded css

button {
  border-radius: 25px;
}