Creating circles with CSS is very simple, but not very well supported. If your design depends on circles you should definitely use background images, but if your audience is tech savvy or you just don’t care the following styles will work in Firefox, Safari and a few others I’m sure:
This is in no way intended to be a definitive be-all-to-end-all list, but hopefully some may find it helpful. I’ve certainly made some of these mistakes in the past, we’re always learning and the best instance of learning is when you learn something you may be doing wrong, admit it and come out more knowledgeable from the lesson or experience.
I would love to hear other ideas of what should go on the list or if you disagree with anything on the list, remain respectful and polite and you’re bound to be heard.
I’ll be sure to add more as I go along, but here’s the list I’ve created so far, enjoy:
