Нарисовать круг, используя только CSS

Можно ли нарисовать круг, который будет отображаться в большинстве браузеров (IE, Mozilla, Safari), используя только CSS?
Перевод вопроса: Draw Circle using css alone

Ответ

Ну раз уж в вопросе сказано "используя только CSS", то так и отвечу:
html { background: white; } body { width: 10em; /* поддерживаются любые единицы, в том числе проценты */ margin: 1em auto; background: silver; border-radius: 50%; } body::before { content: ""; display: inline-block; vertical-align: middle; padding-top: 100%; }