今天在做开发的时候,需要用到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 |
➦ |
10150 |
27A6 |
➧ |
10151 |
27A7 |
➵ |
10165 |
27B5 |
➸ |
10168 |
27B8 |
➼ |
10172 |
27BC |
➽ |
10173 |
27BD |
➺ |
10170 |
27BA |
➳ |
10163 |
27B3 |
➾ |
10174 |
27BE |
基本形状
图形样式 | 用于HTML(在字符前加 &# ) | 用于 CSS (在字符前加 \ ) 和 JavaScript(在字符前加 \u ) |
▲ |
9650 |
25B2 |
► |
9658 |
25BA |
▼ |
9660 |
25BC |
◄ |
9668 |
25C4 |
❤ |
10084 |
2764 |
✈ |
9992 |
2708 |
★ |
9733 |
2605 |
✦ |
10022 |
2726 |
☀ |
9728 |
2600 |
◆ |
9670 |
25C6 |
◈ |
9672 |
25C8 |
▣ |
9635 |
25A3 |
标点
图形样式 | 用于HTML(在字符前加 &# ) | 用于 CSS (在字符前加 \ ) 和 JavaScript(在字符前加 \u ) |
« |
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 |
法律符号
图形样式 | 用于HTML(在字符前加 &# ) | 用于 CSS (在字符前加 \ ) 和 JavaScript(在字符前加 \u ) |
® |
174 |
00AE |
© |
169 |
00A9 |
℗ |
8471 |
2117 |
™ |
153 |
0099 |
℠ |
8480 |
2120 |
货币
图形样式 | 用于HTML(在字符前加 &# ) | 用于 CSS (在字符前加 \ ) 和 JavaScript(在字符前加 \u ) |
$ |
36 |
0024 |
¢ |
162 |
00A2 |
£ |
163 |
00A3 |
¤ |
164 |
00A4 |
€ |
8364 |
20AC |
¥ |
165 |
00A5 |
₱ |
8369 |
20B1 |
₹ |
8377 |
20B9 |
数学
图形样式 | 用于HTML(在字符前加 &# ) | 用于 CSS (在字符前加 \ ) 和 JavaScript(在字符前加 \u ) |
½ |
189 |
00BD |
¼ |
188 |
00BC |
¾ |
190 |
00BE |
⅓ |
8531 |
2153 |
⅔ |
8532 |
2154 |
⅛ |
8539 |
215B |
⅜ |
8540 |
215C |
⅝ |
8541 |
215D |
‰ |
8240 |
2030 |
% |
37 |
0025 |
< |
60 |
003C |
> |
62 |
003E |
音乐符号
图形样式 | 用于HTML(在字符前加 &# ) | 用于 CSS (在字符前加 \ ) 和 JavaScript(在字符前加 \u ) |
♩ |
9833 |
2669 |
♪ |
9834 |
266A |
♫ |
9835 |
266B |
♬ |
9836 |
266C |
♭ |
9837 |
266D |
♯ |
9839 |
266F |
对号、错号
图形样式 | 用于HTML(在字符前加 &# ) | 用于 CSS (在字符前加 \ ) 和 JavaScript(在字符前加 \u ) |
空格 |
160 |
00A0 |
☐ |
9744 |
2610 |
☑ |
9745 |
2611 |
☒ |
9746 |
2612 |
✓ |
10003 |
2713 |
✔ |
10004 |
2714 |
✕ |
10005 |
10005 |
✖ |
10006 |
2716 |
✗ |
10007 |
2717 |
✘ |
10008 |
2718 |
十字
图形样式 | 用于HTML(在字符前加 &# ) | 用于 CSS (在字符前加 \ ) 和 JavaScript(在字符前加 \u ) |
☨ |
9768 |
2628 |
☩ |
9769 |
2629 |
✝ |
10013 |
271D |
✞ |
10014 |
271E |
✟ |
10015 |
271F |
✠ |
10016 |
2720 |
✚ |
10010 |
271A |
† |
8224 |
2020 |
✢ |
10018 |
2722 |
✤ |
10020 |
2724 |
✣ |
10019 |
2723 |
✥ |
10021 |
2725 |
星星、星号、雪花
图形样式 | 用于HTML(在字符前加 &# ) | 用于 CSS (在字符前加 \ ) 和 JavaScript(在字符前加 \u ) |
★ |
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 |
杂项
图形样式 | 用于HTML(在字符前加 &# ) | 用于 CSS (在字符前加 \ ) 和 JavaScript(在字符前加 \u ) |
☻ |
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 |
手型、铅笔、笔
图形样式 | 用于HTML(在字符前加 &# ) | 用于 CSS (在字符前加 \ ) 和 JavaScript(在字符前加 \u ) |
☜ |
9756 |
261C |
☞ |
9758 |
261E |
☝ |
9757 |
261D |
☟ |
9759 |
261F |
✌ |
9996 |
270C |
✍ |
9997 |
270D |
✎ |
9998 |
270E |
✐ |
10000 |
2710 |
✏ |
9999 |
270F |
✑ |
10001 |
2711 |
✒ |
10002 |
2712 |
天空、植物
图形样式 | 用于HTML(在字符前加 &# ) | 用于 CSS (在字符前加 \ ) 和 JavaScript(在字符前加 \u ) |
☽ |
9789 |
263D |
☾ |
9790 |
263E |
♂ |
9794 |
2642 |
♀ |
9792 |
2640 |
☿ |
9791 |
263F |
♁ |
9793 |
2641 |
♃ |
9795 |
2643 |
♄ |
9796 |
2644 |
♅ |
9797 |
2645 |
♆ |
9798 |
2646 |
♇ |
9799 |
2647 |
星座
图形样式 | 用于HTML(在字符前加 &# ) | 用于 CSS (在字符前加 \ ) 和 JavaScript(在字符前加 \u ) |
♈ |
9800 |
2648 |
♉ |
9801 |
2649 |
♊ |
9802 |
264A |
♋ |
9803 |
264B |
♌ |
9804 |
264C |
♍ |
9805 |
264D |
♎ |
9806 |
264E |
♏ |
9807 |
264F |
♑ |
9809 |
2651 |
♒ |
9810 |
2652 |
♓ |
9811 |
2653 |
象棋,扑克牌
图形样式 | 用于HTML(在字符前加 &# ) | 用于 CSS (在字符前加 \ ) 和 JavaScript(在字符前加 \u ) |
♚ |
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 |
希腊字母
图形样式 | 用于HTML(在字符前加 &# ) | 用于 CSS (在字符前加 \ ) 和 JavaScript(在字符前加 \u ) |
Α |
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 |
转自:https://blog.csdn.net/zx562602419/article/details/81020342