Freelance Web Developer

Dec 18, 2009

Draw circle with css and Html

Really it was a new thing for me.. (may be not for you).
This code was used in my design to avoid a png image.(Although you will see a rectangle in IE )

<style> {
width: 57px;
height: 57px;
background: pink;
border-radius: 28px;
-moz-border-radius: 28px;
-webkit-border-radius: 28px;
-khtml-opacity: 0.54;
opacity: 0.54;
display: block;
position: absolute;

.circle {
top: 0px !important;
<div class=circle ></div>

here is the demo


By :