Coding a CSS Circle
The code snippet to create the circle looks like this.
[code type=css]
.your-class {
background-color: #000;
height: 100px;
-moz-border-radius:50px;
-webkit-border-radius: 50px;
border-radius:50px;
width: 100px;
}
[/code]
Simply assign a width and height of the same dimensions, then simply set the border radius to half of that of the width and height.
Sadly the code snippet only works in Chrome and Safari. If your using Internet Explorer you will see a square.
Conclusion
Thanks for taking part in this article, if you have any questions feel free to post them up on our Facebook Fan Page Or Tweet them via twitter @photoshop_plus.
Tom loves to write on technology, e-commerce & internet marketing.
Tom has been a full-time internet marketer for two decades now, earning millions of dollars while living life on his own terms. Along the way, he’s also coached thousands of other people to success.