使用css绘制圆 [英] Draw Circle using css alone

问题描述

是否可以使用css绘制圆圈，它可以在大多数浏览器（IE，Mozilla，Safari）上工作？

Is it possible to draw circle using css only which can work on most of the browsers (IE,Mozilla,Safari) ?

推荐答案

您可以使用带有unicode符号的内容作为圆圈的.before（25CF）。

You could use a .before with a content with a unicode symbol for a circle (25CF).

.circle:before {
    content: ' \25CF';
    font-size: 200px;
}

我建议这样做，因为border-radius将不能在IE8及以下我承认这个建议有点精神的事实）。

I suggest this as border-radius won't work in IE8 and below (I recognize the fact that the suggestion is a bit mental).

这篇关于使用css绘制圆的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！