circle element with border code example

Example 1: border radius not working

// To whomever may have this issue. My problem was border-collapse. It was set to:


border-collapse: collapse;

// I set it to:
border-collapse: separate;

Example 2: 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>

Tags:

Misc Example

Related