1. ホーム
  2. html

[解決済み] cssだけで円を描く【重複】について

2022-03-02 05:13:17

質問

ほとんどのブラウザ(IE,Mozilla,Safari)で動作するCSSのみで円を描くことは可能ですか?

解決方法は?

円を表すユニコード記号(25CF)をコンテンツとする.beforeを使用することができます。

.circle:before {
  content: ' \25CF';
  font-size: 200px;
}
<span class="circle"></span>

IE8以下ではborder-radiusが効かないので、これを提案します(ちょっと精神論的な提案であることは認識しています)。