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

最新推荐文章于 2022-06-05 19:41:18 发布

置顶

VIP文章 zqf1314

最新推荐文章于 2022-06-05 19:41:18 发布

阅读量1.4k

点赞数

分类专栏： Visual Studio Code 特殊字符文章标签：常用的HTML和CSS content属性特殊字符归纳

本文链接：https://blog.csdn.net/zqf1314/article/details/102899400

版权

分类专栏： HTML CSS

今天在做开发的时候，需要用到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

关注