エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
CSSで文字を丸で囲む方法
.circle { background: #ec4646; border-radius: 50%; width: 80px; height: 80px; color: #fff; font-s... .circle { background: #ec4646; border-radius: 50%; width: 80px; height: 80px; color: #fff; font-size: 52px; text-align: center; line-height: 80px; } border-radiusを50%に指定することで、円を作ることができます。 text-align: center;で横位置を中央に、line-heightを円の高さに合わせて80pxに指定することで縦位置を中央に調整しています。 サンプル 丸で囲んだ文字を並べる 次に丸で囲んだ文字を並べてみます。 見出し等で文字にアクセントを付けたいときなどに使えます。 HTML <span class="circle2">S</span> <span class="circle2">a</span> <spa