AD

承接建站仿站页面修改 文字广告位30/月
承接建站仿站页面修改 文字广告位30/月
新购弹性云8折优惠 云虚拟主机5年仅需200元
网站关键词推广 自然流量直达官网/商城
腾讯云服务器福利专区 云服务器2核2G每月9元起
阿里云服务器最低85/年 全年底价爆款服务器
     首页 / 学无止境 > Web前端 >

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

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

前端最常用符号

图标形状十进制十六进制形状图标十进制十六进制形状图标十进制十六进制形状图标十进制十六进制
男♂97942642女♀97922640下拉-开启▲965025B2下拉-收起▼966025BC
多选框-未选中☐97442610多选框-选中☑97452611多选框-禁止选择☒97462612正确✔100042714
错误✖100062716加号✚10010271A取消点赞♡98252661点赞❤100842764
收藏★97332605取消收藏☆97342606裁剪处✄998827A4书写✍9997270D
编辑-左✎9998270E编辑-右✐100002710重做↷863121B7撤销↶863021B6
顺时针↻863521BB刷新⟳1022727F3逆时针⟲1022627F2导航➤1014827A4
列表符号-实心•82262022列表符号-空心◦970225E6摄氏度℃84512103度°17600B0
copyright©16900A9左箭头←85922190右箭头→85942192上箭头↑85932191
下箭头↓85952193左右双向⇄864421C4上下双向⇅864521C5人民币¥16500A
美元$360024邮箱✉99932709电话-实心☎9742260E电话-空心☏9743260F
拨打电话✆99902706警告注意⚠988826A0指示-左☜9756261C指示-右☞9758261E
指示-上☝9757261D指示- 下☟9759261F比耶✌9996270C黄冠♕98132655

基本形状

形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码
▲965025B2►965825BA►965825BA▼966025BC
◄966825C4❤100842764✈99922708▣963525A3
✦100222726☀97282600◆967025C6◈967225C8

标点 | 特殊符号

形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码
«17100AB»18700BB‹139008B›155009B
“8220201C”8221201D‘82162018’82172019
•82262022◦970225E6¡16100A1¿19100BF
℅84532105№84702116&380026@640040
℞8478211E℃84512103℉84572109°17600B0
|124007C¦16600A6–82112013—82122014
…8230202618200B6∼8764223C≠88002260

法律符号

形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码
®17400AE©16900A9℗84712117™1530099
℠84802120








各种箭头

形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码
⇠867221E0⇢867421E2⇡867321E1⇣867521E3
↞8606219E↠860821A0↟8607219F↡860921A1
←85922190→85942192↑85932191↓85952193
⇦867821E6⇨868021E8⇧867921E7⇩868121E9
↔85962194↕85972195⇄864421C4⇅864521C5
↢861021A2↣861121A3⇞867021DE⇟867121DF
↫861921AB↬862021AC⇜866821DC⇝866921DD
↚8602219A↛8603219B↮862221AE↭862121AD

向右的箭头

形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码
➔101322794➙101372799➨1015227A8➲1016227B2
➜10140279C➞10142279E➟10143279F➠1014427A0
➤1014827A4➥1014927A5➦1015027A6➧1015127A7
➵1016527B5➸1016827B8➼1017227BC➽1017327BD
➺1017027BA➳1016327B3➾1017427BE


形状

形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码
↷863121B7↶863021B6↻863521BB↺863421BA
⟳1022727F3⟲1022627F2⟰1022427F0⟱1022527F1
↵862921B5↯862321AF⇵869321F5


货币

形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码
$360024¢16200A2£16300A3¤16400A4
€836420AC¥16500A₱836920B1₹837720B9

数学

形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码
½18900BD¼18800BC¾19000BE⅓85312153
⅔85322154⅛8539215B⅜8540215C⅝8541215D
‰82402030%370025<60003C>62003E

音乐符号

形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码
♩98332669♪9834266A♫9835266B♬9836266C
♭9837266D♯9839266F





对号 | 错号

形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码
☐97442610☑97452611☒97462612✓100032713
✔100042714✕100052715✖100062716✗100072717
✘100082718








十字

形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码
☨97682628☩97692629✝10013271D✞10014271E
✟10015271F✠100162720✚10010271A†82242020
✢100182722✤100202724✣100192723✥100212725

星星 | 星号 | 雪花

形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码
☆97342606★97332605✭10029272D✮10030272E
✵100372735✪10026272A✡100172721✯10031272F
✺10042273A✶100382736✸100402738✹100412739
✳100352733✱100332731✲100342732✴100362734
❆100542746✻10043273B✽10045273D❋10059274B
❄100522744❅100532745





杂项

形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码
☻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

手型 | 铅笔 | 笔

形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码
☜9756261C☞9758261E☝9757261D☟9759261F
✌9996270C✍9997270D✎9998270E✐100002710
✏9999270F✑100012711✒100022712


天空 | 植物

形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码
☽9789263D☾9790263E♂97942642♀97922640
☿9791263F♁97932641♃97952643♄97962644
♅97972645♆97982646♇97992647


星座

形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码
♈98002648♉98012649♊9802264A♋9803264B
♌9804264C♍9805264D♎9806264E♏9807264F
♑98092651♒98102652♓98112653


象棋 | 扑克牌

形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码
♚9818265A♛9819265B♜9820265C♝9821265D
♞9822265E♟9823265F♔98122654♕98132655
♖98142656♗98152657♘98162658♙98172659
♠98242660♣98272663♥98292665♦98302666
♤98282664♧98312667♡98252661♢98262662

希腊字母

形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码
Α9130391Β9140392Γ9150393Δ9160394
Ε9170395Ζ9180396Η9190397Θ9200398
Ι9210399Κ922039AΛ923039BΜ924039C
Ν925039DΞ926039EΟ927039FΠ92803A0
Ρ92903A1Σ93103A3Τ93203A4Υ93303A5
Φ93403A6Χ93503A7Ψ93603A8Ω93703A9



THE END

文章版权：作者：smartdream  来源：简书  

免责声明：本站提供的一切软件、插件、教程和内容信息仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。本站信息来自网络收集整理，版权争议与本站无关。您必须在下载后的24个小时之内，从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序和内容，请支持正版，购买注册，得到更好的正版服务。我们非常重视版权问题，如有侵权请邮件与我们联系处理。敬请谅解！

本文最后更新于 2023-03-16 14:11:44，如果你的问题还没有解决，可以加入建站交流群和群友们一起讨论。

评论区