一尘不染

单独使用CSS绘制圆

css

是否可以仅使用可以在大多数浏览器(IE,Mozilla,Safari)上运行的css绘制圆?


阅读 241

收藏
2020-05-16

共1个答案

一尘不染

您可以将.before与带有unicode符号的内容一起用作圆圈(25CF)。

.circle:before {

  content: ' \25CF';

  font-size: 200px;

}


<span class="circle"></span>

我建议这样做,因为边界半径在IE8及以下版本中将不起作用(我认识到这一建议有点儿想法)。

2020-05-16