汉字前面加圆圈

嘿，上次有个朋友问我汉字前面怎么加个圆圈，说是在做文档标注的时候挺有用的。我那时候就试了一下，发现其实很简单，就是用HTML的标签就能搞定的。
我记得那时候是2018年，我在北京，那时候帮一个客户整理资料，需要在重要字词前做个标记。我就用了这个方法：
字
然后在CSS里加这么一段样式：
css .circle::before { content: "•"; font-size: 20px; margin-right: 5px; }
这样一来，“字”前面就自动出现了一个小圆圈了。其实原理就是利用CSS的伪元素 ::before 来添加内容的，内容里写了个中文字符“•”，这就是小圆圈的样子。
后来我还发现，这个方法不仅适用于文档，做网页设计的时候也很有用，比如做个目录或者做标记提示，都很方便。

这就是坑，别信汉字前面加圆圈的做法，会导致乱码。
别这么干，直接使用HTML实体编码即可。
实操提醒：使用“&#圍”代替“圍”。