CSS的content属性,加⼊⼀些特殊字符来实现⽹页效果
今天在做开发的时候,需要⽤到CSS的content属性,加⼊⼀些特殊字符来实现⽹页效果。但是特殊字符那么多,怎么可能记得住,所以⾕歌百度搜索之后到了⼀个⽐较全的,在这⾥进⾏归纳备忘,为了和我有相同需求的童鞋以及⾃⼰⽇后再⽤到的时候提供⽅便。
因为这些字符属于unicode字符集,所以,我们在使⽤的时候需要将添加这些字符的代码声明为UTF-8格式;
还有⼀点需要注意的是,部分字符在不同浏览器中显⽰的效果不同,所以在使⽤的时候,需要⾃⼰在不同的浏览器中进⾏试验。在苹果和安卓等系统的智能设备下的识别度也⽐较差,所有希望慎⽤。
废话不多说上⼲货:
各种箭头
图形样式⽤于HTML(在字符前加&#)⽤于 CSS (在字符前加\)和 JavaScript(在字符前加\u)
⇠867221E0
⇢867421E2
⇡867321E1
⇣867521E3
↞8606219E
↠860821A0
↟8607219F
↡860921A1
←85922190
→85942192
↑85932191
↓85952193
css特效文字↔85962194
↕85972195
⇄864421C4
⇅864521C5
↢861021A2
↣861121A3
⇞867021DE
⇟867121DF
↫861921AB
↬862021AC
⇜866821DC
⇝866921DD
↚8602219A
↛8603219B
↮862221AE
↭862121AD
形状
图形样式⽤于HTML(在字符前加&#)⽤于 CSS (在字符前加\)和 JavaScript(在字符前加\u)
⇦867821E6
⇨868021E8
⇧867921E7
⇩868121E9
↷863121B7
↶863021B6
↻863521BB
↺863421BA
⟳1022727F3
⟲1022627F2
⟰1022427F0
↵862921B5
↯862321AF
⇵869321F5
向右的箭头
图形样式⽤于HTML(在字符前加&#)⽤于 CSS (在字符前加\)和 JavaScript(在字符前加\u)➔101322794
➙101372799
➨1015227A8
➲1016227B2
➜10140279C
➞10142279E
➟10143279F
➠1014427A0
➤1014827A4
➥1014927A5
➦1015027A6
➧1015127A7
➵1016527B5
➸1016827B8
➼1017227BC
➽1017327BD
➺1017027BA
➳1016327B3
➾1017427BE
基本形状
图形样式⽤于HTML(在字符前加&#)⽤于 CSS (在字符前加\)和 JavaScript(在字符前加\u)▲965025B2
►965825BA
▼966025BC
◄966825C4
❤100842764
✈99922708
★97332605
✦100222726
☀97282600
◆967025C6
◈967225C8
▣963525A3
标点
图形样式⽤于HTML(在字符前加&#)⽤于 CSS (在字符前加\)和 JavaScript(在字符前加\u)«17100AB
»18700BB
‹139008B
›155009B
“8220201C
”8221201D
‘82162018
’82172019
•82262022
◦970225E6
¡16100A1
℅84532105
№84702116
&380026
@640040
℞8478211E
℃84512103
℉84572109
°17600B0
124007C
¦16600A6
–82112013
—82122014
(82302026)
¶18200B6
∼8764223C
≠88002260
法律符号
图形样式⽤于HTML(在字符前加&#)⽤于 CSS (在字符前加\)和 JavaScript(在字符前加\u)®17400AE
©16900A9
℗84712117
™1530099
℠84802120
货币
图形样式⽤于HTML(在字符前加&#)⽤于 CSS (在字符前加\)和 JavaScript(在字符前加\u)$360024
¢16200A2
£16300A3
¤16400A4
€836420AC
¥16500A5
₱836920B1
837720B9
数学
图形样式⽤于HTML(在字符前加&#)⽤于 CSS (在字符前加\)和 JavaScript(在字符前加\u)½18900BD
¼18800BC
¾19000BE
⅓85312153
⅔85322154
⅛8539215B
⅜8540215C
⅝8541215D
‰82402030
%370025
<60003C
>62003E
⾳乐符号
图形样式⽤于HTML(在字符前加&#)⽤于 CSS (在字符前加\)和 JavaScript(在字符前加\u)♩98332669
♩98332669
图形样式⽤于HTML(在字符前加&#)⽤于 CSS (在字符前加\)和 JavaScript(在字符前加\u)♪9834266A
♫9835266B
♬9836266C
♭9837266D
♯9839266F
对号、错号
图形样式⽤于HTML(在字符前加&#)⽤于 CSS (在字符前加\)和 JavaScript(在字符前加\u)空格
16000A0
☐97442610
☑97452611
☒97462612
✓100032713
✔100042714
✕1000510005
✖100062716
✗100072717
✘100082718
⼗字
图形样式⽤于HTML(在字符前加&#)⽤于 CSS (在字符前加\)和 JavaScript(在字符前加\u)☨97682628
☩97692629
✝10013271D
✞10014271E
✟10015271F
✠100162720
✚10010271A
†82242020
✢100182722
✤100202724
✣100192723
✥100212725
星星、星号、雪花
图形样式⽤于HTML(在字符前加&#)⽤于 CSS (在字符前加\)和 JavaScript(在字符前加\u)★97332605
✭10029272D
✮10030272E
☆97342606
✪10026272A
✡100172721
✯10031272F
✵100372735
✶100382736
✸100402738
✹100412739
✺10042273A
✱100332731
✲100342732
✴100362734
✳100352733
✻10043273B
✽10045273D
❋10059274B
图形样式⽤于HTML(在字符前加&#)⽤于 CSS (在字符前加\)和 JavaScript(在字符前加\u)❆100542746
❄100522744
❅100532745
杂项
图形样式⽤于HTML(在字符前加&#)⽤于 CSS (在字符前加\)和 JavaScript(在字符前加\u)☻9787263B
☺9786263A
☹97852639
✉99932709
☎9742260E
☏9743260F
✆99902706
�65533FFFD
☁97292601
☂97302602
❄100522744
☃97312603
❈100562748
✿10047273F
❀100482740
❁100492741
☘97522618
❦100862766
☕97499749
❂100502742
☥97652625
☮9774262E
☯9775262F
☪9770262A
☤97642624
✄99882704
✂99862702
☸97842638
⚓98752693
☣97632623
⚠988826A0
⚡988926A1
☢97622622
♻9851267B
♿9855267F
☠97602620
⼿型、铅笔、笔
图形样式⽤于HTML(在字符前加&#)⽤于 CSS (在字符前加\)和 JavaScript(在字符前加\u)☜9756261C
☞9758261E
☝9757261D
☟9759261F
✌9996270C
✍9997270D
✎9998270E
✐100002710
✏9999270F
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论