CSS Arcs 90, 180, 270 deg.

by jshacker

HTML

<div class="circle"></div>

CSS

.circle {
  position: relative;
  margin: 4em auto;
  width: 16em;
  height: 16em;
  border-radius: 50%;
  /* background: lightblue; */
  border: 20px solid white;
  border-top-color: darkblue;
  border-left-color: darkblue;
}