css中content可以用到的字符编码

项目中用到的一些特殊字符和图标

html代码

<div class="cross"></div>

css代码
.cross{
width: 20px;
height: 20px;

border-radius: 10px;
border: 1px solid #DBE6EF;
display: inline-block;
position: relative;
bottom: 20px;
right: 15px;
}
.cross:after{
content: "\2715";//特殊字符或形状
color: #a2b6c5;
font-size: 12px;
position: relative;
left: 4px;
bottom: 3px;
cursor: pointer;
}
效果图
就是一个圆圈里面带个叉叉

特殊字符和形状可以省去很多事情，整理了一下网上的，留着以后用

基本形状
▲ 9650 25B2 ► 9658 25BA ► 9658 25BA ▼ 9660 25BC
◄ 9668 25C4 ❤ 10084 2764 ✈ 9992 2708 ★ 9733 2605
✦ 10022 2726 ☀ 9728 2600 ◆ 9670 25C6 ◈ 9672 25C8
▣ 9635 25A3

 

标点,特殊符号

« 171 00AB » 187 00BB ‹ 139 008B › 155 009B “ 8220 201C ” 8221 201D
‘ 8216 2018 ’ 8217 2019 • 8226 2022 ◦ 9702 25E6 ¡ 161 00A1 ¿ 191 00BF
℅ 8453 2105 № 8470 2116 & 38 0026 @ 64 0040 ℞ 8478 211E ℃ 8451 2103
℉ 8457 2109 ° 176 00B0 | 124 007C ¦ 166 00A6 – 8211 2013 — 8212 2014
… 8230 2026 ¶ 182 00B6 ∼ 8764 223C ≠ 8800 2260

法律符号

® 174 00AE © 169 00A9 ℗ 8471 2117 ™ 153 0099 ℠ 8480 2120

各种箭头

⇠ 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

形状

⇦ 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

向右的箭头

➔ 10132 2794
➙ 10137 2799
➨ 10152 27A8
➲ 10162 27B2
➜ 10140 279C
➞ 10142 279E
➟ 10143 279F
➠ 10144 27A0
➤ 10148 27A4
➥ 10149 27A5
➦ 10150 27A6
➧ 10151 27A7
➵ 10165 27B5
➸ 10168 27B8
➼ 10172 27BC
➽ 10173 27BD
➺ 10170 27BA
➳ 10163 27B3
➾ 10174 27BE

货币

$ 36 0024
¢ 162 00A2
£ 163 00A3
¤ 164 00A4
€ 8364 20AC
¥ 165 00A5
₱ 8369 20B1
₹ 8377 20B9

数学

½ 189 00BD
¼ 188 00BC
¾ 190 00BE
⅓ 8531 2153
⅔ 8532 2154
⅛ 8539 215B
⅜ 8540 215C
⅝ 8541 215D
‰ 8240 2030
% 37 0025
< 60 003C
> 62 003E

音乐符号

♩ 9833 2669
♪ 9834 266A
♫ 9835 266B
♬ 9836 266C
♭ 9837 266D
♯ 9839 266F

对号、错号
00A0
☐ 9744 2610
☑ 9745 2611
☒ 9746 2612
✓ 10003 2713
✔ 10004 2714
✕ 10005 2715
✖ 10006 2716
✗ 10007 2717
✘ 10008 2718

十字

☨ 9768 2628
☩ 9769 2629
✝ 10013 271D
✞ 10014 271E
✟ 10015 271F
✠ 10016 2720
✚ 10010 271A
† 8224 2020
✢ 10018 2722
✤ 10020 2724
✣ 10019 2723
✥ 10021 2725

星星、星号、雪花

★ 9733 2605
✭ 10029 272D
✮ 10030 272E
☆ 9734 2606
✪ 10026 272A
✡ 10017 2721
✯ 10031 272F
✵ 10037 2735
✶ 10038 2736
✸ 10040 2738
✹ 10041 2739
✺ 10042 273A
✱ 10033 2731
✲ 10034 2732
✴ 10036 2734
✳ 10035 2733
✻ 10043 273B
✽ 10045 273D
❋ 10059 274B
❆ 10054 2746
❄ 10052 2744
❅ 10053 2745

杂项

☻ 9787 263B
☺ 9786 263A
☹ 9785 2639
✉ 9993 2709
☎ 9742 260E
☏ 9743 260F
✆ 9990 2706
� 65533 FFFD
☁ 9729 2601
☂ 9730 2602
❄ 10052 2744
☃ 9731 2603
❈ 10056 2748
✿ 10047 273F
❀ 10048 2740
❁ 10049 2741
☘ 9752 2618
❦ 10086 2766
☕ 9749 9749
❂ 10050 2742
☥ 9765 2625
☮ 9774 262E
☯ 9775 262F
☪ 9770 262A
☤ 9764 2624
✄ 9988 2704
✂ 9986 2702
☸ 9784 2638
⚓ 9875 2693
☣ 9763 2623
⚠ 9888 26A0
⚡ 9889 26A1
☢ 9762 2622
♻ 9851 267B
♿ 9855 267F
☠ 9760 2620

手型、铅笔、笔

☜ 9756 261C
☞ 9758 261E
☝ 9757 261D
☟ 9759 261F
✌ 9996 270C
✍ 9997 270D
✎ 9998 270E
✐ 10000 2710
✏ 9999 270F
✑ 10001 2711
✒ 10002 2712

天空、植物

☽ 9789 263D
☾ 9790 263E
♂ 9794 2642
♀ 9792 2640
☿ 9791 263F
♁ 9793 2641
♃ 9795 2643
♄ 9796 2644
♅ 9797 2645
♆ 9798 2646
♇ 9799 2647

星座

♈ 9800 2648
♉ 9801 2649
♊ 9802 264A
♋ 9803 264B
♌ 9804 264C
♍ 9805 264D
♎ 9806 264E
♏ 9807 264F
♑ 9809 2651
♒ 9810 2652
♓ 9811 2653

象棋，扑克牌

♚ 9818 265A
♛ 9819 265B
♜ 9820 265C
♝ 9821 265D
♞ 9822 265E
♟ 9823 265F
♔ 9812 2654
♕ 9813 2655
♖ 9814 2656
♗ 9815 2657
♘ 9816 2658
♙ 9817 2659
♠ 9824 2660
♣ 9827 2663
♥ 9829 2665
♦ 9830 2666
♤ 9828 2664
♧ 9831 2667
♡ 9825 2661
♢ 9826 2662

希腊字母

Α 913 0391
Β 914 0392
Γ 915 0393
Δ 916 0394
Ε 917 0395
Ζ 918 0396
Η 919 0397
Θ 920 0398
Ι 921 0399
Κ 922 039A
Λ 923 039B
Μ 924 039C
Ν 925 039D
Ξ 926 039E
Ο 927 039F
Π 928 03A0
Ρ 929 03A1
Σ 931 03A3
Τ 932 03A4
Υ 933 03A5
Φ 934 03A6
Χ 935 03A7
Ψ 936 03A8
Ω 937 03A9

 

【CSS】特殊符号content编码及作为字体图标使用方法

smartdream关注IP属地: 浙江

0.0752019.12.23 15:52:42字数 1,926阅读 9,377

【CSS】特殊符号content编码及作为字体图标使用方法

使用方法

i{
  font-size: 18px;// 定义字体图标大小
  margin-right: 10px;// 右外边距
  color: #0091ff;// 定义字体图标颜色
  vertical-align: middle;// 垂直居中
  &:before{// 在最前面显示
    content: "\2022";
  }
}

前端最常用符号

图标	形状	十进制	十六进制	形状	图标	十进制	十六进制	形状	图标	十进制	十六进制	形状	图标	十进制	十六进制
男	♂	9794	2642	女	♀	9792	2640	下拉-开启	▲	9650	25B2	下拉-收起	▼	9660	25BC
多选框-未选中	☐	9744	2610	多选框-选中	☑	9745	2611	多选框-禁止选择	☒	9746	2612	正确	✔	10004	2714
错误	✖	10006	2716	加号	✚	10010	271A	取消点赞	♡	9825	2661	点赞	❤	10084	2764
收藏	★	9733	2605	取消收藏	☆	9734	2606	裁剪处	✄	9988	27A4	书写	✍	9997	270D
编辑-左	✎	9998	270E	编辑-右	✐	10000	2710	重做	↷	8631	21B7	撤销	↶	8630	21B6
顺时针	↻	8635	21BB	刷新	⟳	10227	27F3	逆时针	⟲	10226	27F2	导航	➤	10148	27A4
列表符号-实心	•	8226	2022	列表符号-空心	◦	9702	25E6	摄氏度	℃	8451	2103	度	°	176	00B0
copyright	©	169	00A9	左箭头	←	8592	2190	右箭头	→	8594	2192	上箭头	↑	8593	2191
下箭头	↓	8595	2193	左右双向	⇄	8644	21C4	上下双向	⇅	8645	21C5	人民币	¥	165	00A
美元	$	36	0024	邮箱	✉	9993	2709	电话-实心	☎	9742	260E	电话-空心	☏	9743	260F
拨打电话	✆	9990	2706	警告注意	⚠	9888	26A0	指示-左	☜	9756	261C	指示-右	☞	9758	261E
指示-上	☝	9757	261D	指示- 下	☟	9759	261F	比耶	✌	9996	270C	黄冠	♕	9813	2655

基本形状

形状	十进制编码	十六进制编码	形状	十进制编码	十六进制编码	形状	十进制编码	十六进制编码	形状	十进制编码	十六进制编码
▲	9650	25B2	►	9658	25BA	►	9658	25BA	▼	9660	25BC
◄	9668	25C4	❤	10084	2764	✈	9992	2708	▣	9635	25A3
✦	10022	2726	☀	9728	2600	◆	9670	25C6	◈	9672	25C8

标点 | 特殊符号

形状	十进制编码	十六进制编码	形状	十进制编码	十六进制编码	形状	十进制编码	十六进制编码	形状	十进制编码	十六进制编码
«	171	00AB	»	187	00BB	‹	139	008B	›	155	009B
“	8220	201C	”	8221	201D	‘	8216	2018	’	8217	2019
•	8226	2022	◦	9702	25E6	¡	161	00A1	¿	191	00BF
℅	8453	2105	№	8470	2116	&	38	0026	@	64	0040
℞	8478	211E	℃	8451	2103	℉	8457	2109	°	176	00B0
|	124	007C	¦	166	00A6	–	8211	2013	—	8212	2014
…	8230	2026	¶	182	00B6	∼	8764	223C	≠	8800	2260

法律符号

形状	十进制编码	十六进制编码	形状	十进制编码	十六进制编码	形状	十进制编码	十六进制编码	形状	十进制编码	十六进制编码
®	174	00AE	©	169	00A9	℗	8471	2117	™	153	0099
℠	8480	2120

各种箭头

形状	十进制编码	十六进制编码	形状	十进制编码	十六进制编码	形状	十进制编码	十六进制编码	形状	十进制编码	十六进制编码
⇠	8672	21E0	⇢	8674	21E2	⇡	8673	21E1	⇣	8675	21E3
↞	8606	219E	↠	8608	21A0	↟	8607	219F	↡	8609	21A1
←	8592	2190	→	8594	2192	↑	8593	2191	↓	8595	2193
⇦	8678	21E6	⇨	8680	21E8	⇧	8679	21E7	⇩	8681	21E9
↔	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

向右的箭头

形状	十进制编码	十六进制编码	形状	十进制编码	十六进制编码	形状	十进制编码	十六进制编码	形状	十进制编码	十六进制编码
➔	10132	2794	➙	10137	2799	➨	10152	27A8	➲	10162	27B2
➜	10140	279C	➞	10142	279E	➟	10143	279F	➠	10144	27A0
➤	10148	27A4	➥	10149	27A5	➦	10150	27A6	➧	10151	27A7
➵	10165	27B5	➸	10168	27B8	➼	10172	27BC	➽	10173	27BD
➺	10170	27BA	➳	10163	27B3	➾	10174	27BE

形状

形状	十进制编码	十六进制编码	形状	十进制编码	十六进制编码	形状	十进制编码	十六进制编码	形状	十进制编码	十六进制编码
↷	8631	21B7	↶	8630	21B6	↻	8635	21BB	↺	8634	21BA
⟳	10227	27F3	⟲	10226	27F2	⟰	10224	27F0	⟱	10225	27F1
↵	8629	21B5	↯	8623	21AF	⇵	8693	21F5

货币

形状	十进制编码	十六进制编码	形状	十进制编码	十六进制编码	形状	十进制编码	十六进制编码	形状	十进制编码	十六进制编码
$	36	0024	¢	162	00A2	£	163	00A3	¤	164	00A4
€	8364	20AC	¥	165	00A	₱	8369	20B1	₹	8377	20B9

数学

形状	十进制编码	十六进制编码	形状	十进制编码	十六进制编码	形状	十进制编码	十六进制编码	形状	十进制编码	十六进制编码
½	189	00BD	¼	188	00BC	¾	190	00BE	⅓	8531	2153
⅔	8532	2154	⅛	8539	215B	⅜	8540	215C	⅝	8541	215D
‰	8240	2030	%	37	0025	<	60	003C	>	62	003E

音乐符号

形状	十进制编码	十六进制编码	形状	十进制编码	十六进制编码	形状	十进制编码	十六进制编码	形状	十进制编码	十六进制编码
♩	9833	2669	♪	9834	266A	♫	9835	266B	♬	9836	266C
♭	9837	266D	♯	9839	266F

对号 | 错号

形状	十进制编码	十六进制编码	形状	十进制编码	十六进制编码	形状	十进制编码	十六进制编码	形状	十进制编码	十六进制编码
☐	9744	2610	☑	9745	2611	☒	9746	2612	✓	10003	2713
✔	10004	2714	✕	10005	2715	✖	10006	2716	✗	10007	2717
✘	10008	2718

十字

形状	十进制编码	十六进制编码	形状	十进制编码	十六进制编码	形状	十进制编码	十六进制编码	形状	十进制编码	十六进制编码
☨	9768	2628	☩	9769	2629	✝	10013	271D	✞	10014	271E
✟	10015	271F	✠	10016	2720	✚	10010	271A	†	8224	2020
✢	10018	2722	✤	10020	2724	✣	10019	2723	✥	10021	2725

星星 | 星号 | 雪花

形状	十进制编码	十六进制编码	形状	十进制编码	十六进制编码	形状	十进制编码	十六进制编码	形状	十进制编码	十六进制编码
☆	9734	2606	★	9733	2605	✭	10029	272D	✮	10030	272E
✵	10037	2735	✪	10026	272A	✡	10017	2721	✯	10031	272F
✺	10042	273A	✶	10038	2736	✸	10040	2738	✹	10041	2739
✳	10035	2733	✱	10033	2731	✲	10034	2732	✴	10036	2734
❆	10054	2746	✻	10043	273B	✽	10045	273D	❋	10059	274B
❄	10052	2744	❅	10053	2745

杂项

形状	十进制编码	十六进制编码	形状	十进制编码	十六进制编码	形状	十进制编码	十六进制编码	形状	十进制编码	十六进制编码
☻	9787	263B	☺	9786	263A	☹	9785	2639	✉	9993	2709
☎	9742	260E	☏	9743	260F	✆	9990	2706	�	65533	FFFD
☁	9729	2601	☂	9730	2602	❄	10052	2744	☃	9731	2603
❈	10056	2748	✿	10047	273F	❀	10048	2740	❁	10049	2741
☘	9752	2618	❦	10086	2766	☕	9749	9749	❂	10050	2742
☥	9765	2625	☮	9774	262E	☯	9775	262F	☪	9770	262A
☤	9764	2624	✄	9988	2704	✂	9986	2702	☸	9784	2638
⚓	9875	2693	☣	9763	2623	⚠	9888	26A0	⚡	9889	26A1
☢	9762	2622	♻	9851	267B	♿	9855	267F	☠	9760	2620

手型 | 铅笔 | 笔

形状	十进制编码	十六进制编码	形状	十进制编码	十六进制编码	形状	十进制编码	十六进制编码	形状	十进制编码	十六进制编码
☜	9756	261C	☞	9758	261E	☝	9757	261D	☟	9759	261F
✌	9996	270C	✍	9997	270D	✎	9998	270E	✐	10000	2710
✏	9999	270F	✑	10001	2711	✒	10002	2712

天空 | 植物

形状	十进制编码	十六进制编码	形状	十进制编码	十六进制编码	形状	十进制编码	十六进制编码	形状	十进制编码	十六进制编码
☽	9789	263D	☾	9790	263E	♂	9794	2642	♀	9792	2640
☿	9791	263F	♁	9793	2641	♃	9795	2643	♄	9796	2644
♅	9797	2645	♆	9798	2646	♇	9799	2647

星座

形状	十进制编码	十六进制编码	形状	十进制编码	十六进制编码	形状	十进制编码	十六进制编码	形状	十进制编码	十六进制编码
♈	9800	2648	♉	9801	2649	♊	9802	264A	♋	9803	264B
♌	9804	264C	♍	9805	264D	♎	9806	264E	♏	9807	264F
♑	9809	2651	♒	9810	2652	♓	9811	2653

象棋 | 扑克牌

形状	十进制编码	十六进制编码	形状	十进制编码	十六进制编码	形状	十进制编码	十六进制编码	形状	十进制编码	十六进制编码
♚	9818	265A	♛	9819	265B	♜	9820	265C	♝	9821	265D
♞	9822	265E	♟	9823	265F	♔	9812	2654	♕	9813	2655
♖	9814	2656	♗	9815	2657	♘	9816	2658	♙	9817	2659
♠	9824	2660	♣	9827	2663	♥	9829	2665	♦	9830	2666
♤	9828	2664	♧	9831	2667	♡	9825	2661	♢	9826	2662

希腊字母

形状	十进制编码	十六进制编码	形状	十进制编码	十六进制编码	形状	十进制编码	十六进制编码	形状	十进制编码	十六进制编码
Α	913	0391	Β	914	0392	Γ	915	0393	Δ	916	0394
Ε	917	0395	Ζ	918	0396	Η	919	0397	Θ	920	0398
Ι	921	0399	Κ	922	039A	Λ	923	039B	Μ	924	039C
Ν	925	039D	Ξ	926	039E	Ο	927	039F	Π	928	03A0
Ρ	929	03A1	Σ	931	03A3	Τ	932	03A4	Υ	933	03A5
Φ	934	03A6	Χ	935	03A7	Ψ	936	03A8	Ω	937	03A9

---

参考文档网址:
font-awesome-animation
CSS3 图标神器 => content:"我是特殊符号"