在HTML 页面中如何显示带圈圈的数字

数字外面有个圈圈， 或者圈圈里有反底色显示，效果类似：

1. 带圈圈的数字示例：
   ①
   

2. 反色圈圈数字示例：
   

❶

要实现上面的效果，使用以下技术都可以达成：

• 方式1，. 使用图片 <image>
• 方式2 ，使用特殊的字体， 比如WingDing系列
• 方式3， 使用SVG绘图
• 方式4 ，直接使用Unicode 字符编码

毫无疑问， 方式4 是最简单，灵活性和通用性最强的方式。也是本篇介绍的方式： 使用Unicode 编码显示带圈圈的数字（本篇主要介绍从0到20）。

0-20 圈圈数字和底色圈圈数字的Unicode 编码

Unicode 是统一编码