How to make a circular DIV in CSS3
by Reece

How to make a circular DIV in CSS3

Last updated on June 18th, 2015 by Reece in Web Development

Here is a simple way on how to make a circular div in css3.

1. We need to create a div tag with a class name “circle”.

  < div class="circle">
   < h3 class="center">CSS3< / h3 >
  < / div >

2. And here is our css.

  .circle {
   background: #d1d1d1;
   border-radius: 50%;
   border: 5px solid #ddd;
   height: 300px;
   width: 300px;
  }

  .center {
   text-align: center;
   margin-top: 50%;
  }

Comments

comments