title: Segments in a circle using CSS3
body: <p>I know you can make a circle in CSS3 using the border radius hack. But is there any way to make them have segments like this picture? Is there a way of doing this through HTML and CSS but not JS?</p>
  
  <p><img src="https://i.stack.imgur.com/zBhwM.png" alt="enter image description here"></p>