Можно ли нарисовать круг, который будет отображаться в большинстве браузеров (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% }