以下の内容を書き換える。

①(①)をcontent用に書き換える

&#9312;
↓
\02460

1.「&」→「\」(windowsは「¥」)
2.「#」→「0」（←数字のゼロ）
3. 数字は「10進数」→「16進数」/ 参考→2進数、8進数、10進数、16進数相互変換ツール
4. 最後のセミコロン「;」は省略。

style.css

.maru::before {
content: '\02460';
}

index.html

<span class="maru"></span>
=> ①

丸数字

<tr>
  <td>❶</td>
  <td>&nbsp;</td>
  <td>&amp;#10102;</td>
  <td>\02776</td>
</tr>
<tr>
  <td>❷</td>
  <td>&nbsp;</td>
  <td>&amp;#10103;</td>
  <td>\02777</td>
</tr>
<tr>
  <td>❸</td>
  <td>&nbsp;</td>
  <td>&amp;#10104;</td>
  <td>\02778</td>
</tr>
<tr>
  <td>❹</td>
  <td>&nbsp;</td>
  <td>&amp;#10105;</td>
  <td>\02779</td>
</tr>
<tr>
  <td>❺</td>
  <td>&nbsp;</td>
  <td>&amp;#10106;</td>
  <td>\0277a</td>
</tr>
<tr>
  <td>❻</td>
  <td>&nbsp;</td>
  <td>&amp;#10107;</td>
  <td>\0277b</td>
</tr>
<tr>
  <td>❼</td>
  <td>&nbsp;</td>
  <td>&amp;#10108;</td>
  <td>\0277c</td>
</tr>
<tr>
  <td>❽</td>
  <td>&nbsp;</td>
  <td>&amp;#10109;</td>
  <td>\0277d</td>
</tr>
<tr>
  <td>❾</td>
  <td>&nbsp;</td>
  <td>&amp;#10110;</td>
  <td>\0277e</td>
</tr>
<tr>
  <td>❿</td>
  <td>&nbsp;</td>
  <td>&amp;#10111;</td>
  <td>\0277f</td>
</tr>

<tr>
  <td>⓫</td>
  <td>&nbsp;</td>
  <td>&amp;#9451;</td>
  <td>\024eb</td>
</tr>
<tr>
  <td>⓬</td>
  <td>&nbsp;</td>
  <td>&amp;#9452;</td>
  <td>\024ec</td>
</tr>

表示	文字実体参照	数値文字参照
表示	文字実体参照	10進	16進 contentに使う値
①		①	\02460
②		②	\02461
③		③	\02462
④		④	\02463
⑤		⑤	\02464
⑥		⑥	\02465
⑦		⑦	\02466
⑧		⑧	\02467
⑨		⑨	\02468
⑩		⑩	\02469

その他特殊文字

表示	文字実体参照	数値文字参照
表示	文字実体参照	10進	16進 contentに使う値
«	«	«	\0ab
»	»	»	\0bb
<	<	<	\03c
>	>	>	\03e
∧	&and;	∧	\02227
∨	&or;	∨	\02228
Ξ	Ξ	Ξ	\039e
×	×	×	\0d7
←	←	←	\02190
↑	↑	↑	\02191
→	→	→	\02192
↓	↓	↓	\02193
¥	¥	¥	\0a5
©	©	©	\0a9
®	®	®	\0ae
▲		▲	\025b2
▼		▼	\025bc
▶		▶	\025b6
◀		◀	\025c0
△		△	\025b3
▽		▽	\025bd
▷		▷	\025b7
◁		◁	\025c1
■		■	\025a0
□		□	\025a1
◆		◆	\025c6
◇		◇	\025c7
○		○	\025cb
◎		◎	\025ce
●		●	\025cf
•	•	•	\02022
❇		❇	\02747
❈		❈	\02748
❉		❉	\02749
❊		❊	\0274a
❋		❋	\0274b
♠	&spades;	♠	\02660
♣	&clubs;	♣	\02663
♥	&hearts;	♥	\02665
♦	&diams;	♦	\02666
♤		♤	\02664
♧		♧	\02667
♡		♡	\02661
♢		♢	\02662
♨		♨	\02668
℃		℃	\02103
ℓ		ℓ	\02113
∴	&there4;	∴	\02234
∵		∵	\02235
¤	¤	¤	\0A4
&	&	&	\026
〒		〒	\03012
Ⅰ		Ⅰ	\02160
Ⅱ		Ⅱ	\02161
Ⅲ		Ⅲ	\02162
Ⅳ		Ⅳ	\02163
Ⅴ		Ⅴ	\02164
Ⅵ		Ⅵ	\02165
Ⅶ		Ⅶ	\02166
Ⅷ		Ⅷ	\02167
Ⅸ		Ⅸ	\02168
Ⅹ		Ⅹ	\02169
㎠		㎠	\033a0
㎡		㎡	\033a1
✓		✓	\02713
✔		✔	\02714
✕		✕	\02715

丸枠のその他実装方法

CSSで作るリストデザイン38選！オシャレな箇条書きを実現
 【CSS】olのリストで①、②、③（丸数字）を表示させる
 CSSでリストを素敵にするlist-styleの使い方+もっと自由な作り方

今回の記事はプロジェクトの都合上の実装です。
本来なら丸数字が自動で繰り上がっていくようにするのがベスト👍

特殊文字一覧

使いたいときの HTML特殊文字 & 機種依存文字

擬似要素と擬似クラス

擬似要素と擬似クラスの違いとは？ :before,:afterと::before,::afterのコロンの数はなぜ違う？

反映されなかった

CSS - list-style-type