常用的HTML和CSS content属性特殊字符

常用的HTML和CSS content属性特殊字符

我们经常用到的CSS的content属性，加入一些特殊字符来实现网页效果。但是特殊字符那么多，怎么可能记得住，所以谷歌百度搜索之后找到了一个比较全的，在这里进行归纳备忘。

因为这些字符属于unicode字符集，所以，我们在使用的时候需要将添加这些字符的代码声明为UTF-8格式；

还有一点需要注意的是，部分字符在不同浏览器中显示的效果不同，所以在使用的时候，需要自己在不同的浏览器中进行试验。在苹果和安卓等系统的智能设备下的识别度也比较差，所有希望慎用。

废话不多说上干货：

---

各种箭头

图形样式	用于HTML（在字符前加 &# ）	用于 CSS （在字符前加 \ ） 和 JavaScript（在字符前加 \u ）
⇠	8672	21E0
⇢	8674	21E2
⇡	8673	21E1
⇣	8675	21E3
↞	8606	219E
↠	8608	21A0
↟	8607	219F
↡	8609	21A1
←	8592	2190
→	8594	2192
↑	8593	2191
↓	8595	2193
↔	8596	2194
↕	8597	2195
⇄	8644	21C4
⇅	8645	21C5
↢	8610	21A2
↣	8611	21A3
⇞	8670	21DE
⇟	8671	21DF
↫	8619	21AB
↬	8620	21AC
⇜	8668	21DC
⇝	8669	21DD
↚	8602	219A
↛	8603	219B
↮	8622	21AE
↭	8621	21AD

形状

图形样式	用于HTML（在字符前加 &# ）	用于 CSS （在字符前加 \ ） 和 JavaScript（在字符前加 \u ）
⇦	8678	21E6
⇨	8680	21E8
⇧	8679	21E7
⇩	8681	21E9
↷	8631	21B7
↶	8630	21B6
↻	8635	21BB
↺	8634	21BA
⟳	10227	27F3
⟲	10226	27F2
⟰	10224	27F0
⟱	10225	27F1
↵	8629	21B5
↯	8623	21AF
⇵	8693	21F5

向右的箭头

图形样式	用于HTML（在字符前加 &# ）	用于 CSS （在字符前加 \ ） 和 JavaScript（在字符前加 \u ）
➔	10132	2794
➙	10137	2799
➨	10152	27A8
➲	10162	27B2
➜	10140	279C
➞	10142	279E
➟	10143	279F
➠	10144	27A0
➤	10148	27A4
➥	10149	27A5