CSS 丸、正円の中に数字・文字を書く！（サンプル付き） | クルーデザイン

良くあるデザインで丸の中に数字や文字が入っているものがありますよね。 画像にしてしまうのも良いですが、汎用性も考えて出来ればCSSでやってしまいたいですね。 中の文字や大きさも自由に変更できるので、後々メンテナンスしやすくもなります。 方法としては、divで正円を作ってその中に数字や文字を入れるイメージです。 簡単なので、誰にでもできますよ！ サンプルはこちらです。 1. 丸、正円の中に数字・文字を書く（CSS） まずはCSSです。