CSS Content符号编码大全

资源宝整理分享:​https://www.httple.net​

前端开发中常用的特殊符号查询工具,包含Unicode编码和HTML实体编码,方便开发者快速查找和使用各种符号。支持基本形状、箭头、数学符号、货币符号等多种分类。

前端最常用符号

图标形状十进制十六进制图标形状十进制十六进制图标形状十进制十六进制图标形状十进制十六进制
男♂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✆9990270665533FFFD
☁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

CSS Content符号编码大全工具说明

在CSS中,Content属性可以配合Pseudo元素来插入一些额外的内容到HTML文档中。这也是一种强大的CSS技巧,可以帮助我们实现一些看似不可能的效果。Content属性可以对生成的内容进行控制,例如插入引号、计数器、图标等等。

使用方法:

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:http://www.tpcf.cn/pingmian/85551.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

RPC常见问题回答

项目流程和架构设计 1.服务端的功能&#xff1a; 1.提供rpc调用对应的函数 2.完成服务注册 服务发现 上线/下线通知 3.提供主题的操作 (创建/删除/订阅/取消订阅) 消息的发布 2.服务的模块划分 1.网络通信模块 net 底层套用的moude库 2.应用层通信协议模块 1.序列化 反序列化数…

【JavaEE】(3) 多线程2

一、常见的锁策略 1、乐观锁和悲观锁 悲观锁&#xff1a;预测锁冲突的概率较高。在锁中加阻塞操作。乐观锁&#xff1a;预测锁冲突的概率较低。使用忙等/版本号等&#xff0c;不产生阻塞。 2、轻量级锁和重量级锁 重量级锁&#xff1a;加锁的开销较大&#xff0c;线程等待锁…

创客匠人服务体系解析:知识 IP 变现的全链路赋能模型

在知识服务行业深度转型期&#xff0c;创客匠人通过 “工具 陪跑 圈层” 的三维服务体系&#xff0c;构建了从 IP 定位到商业变现的完整赋能链条。这套经过 5 万 知识博主验证的模型&#xff0c;不仅解决了 “内容生产 - 流量获取 - 用户转化” 的实操难题&#xff0c;更推动…

国产ARM/RISCV与OpenHarmony物联网项目(六)SF1节点开发

一、终端节点功能设计 1. 功能说明 终端节点设计的是基于鸿蒙操作系统的 TCP 服务器程序&#xff0c;用于监测空气质量并提供远程控制功能。与之前的光照监测程序相比&#xff0c;这个程序使用 E53_SF1 模块&#xff08;烟雾 / 气体传感器&#xff09;&#xff0c;主要功能包…

Plotly图表全面使用指南 -- Displaying Figures in Python

文中内容仅限技术学习与代码实践参考&#xff0c;市场存在不确定性&#xff0c;技术分析需谨慎验证&#xff0c;不构成任何投资建议。 在 Python 中显示图形 使用 Plotly 的 Python 图形库显示图形。 显示图形 Plotly的Python图形库plotly.py提供了多种显示图形的选项和方法…

getx用法详细解析以及注意事项

源码地址 在 Flutter 中&#xff0c;Get 是来自 get 包的一个轻量级、功能强大的状态管理与路由框架&#xff0c;常用于&#xff1a; 状态管理路由管理依赖注入&#xff08;DI&#xff09;Snackbar / Dialog / BottomSheet 管理本地化&#xff08;多语言&#xff09; 下面是 …

深度学习:人工神经网络基础概念

本文目录&#xff1a; 一、什么是神经网络二、如何构建神经网络三、神经网络内部状态值和激活值 一、什么是神经网络 人工神经网络&#xff08;Artificial Neural Network&#xff0c; 简写为ANN&#xff09;也简称为神经网络&#xff08;NN&#xff09;&#xff0c;是一种模仿…

Unity2D 街机风太空射击游戏 学习记录 #12环射道具的引入

概述 这是一款基于Unity引擎开发的2D街机风太空射击游戏&#xff0c;笔者并不是游戏开发人&#xff0c;作者是siki学院的凉鞋老师。 笔者只是学习项目&#xff0c;记录学习&#xff0c;同时也想帮助他人更好的学习这个项目 作者会记录学习这一期用到的知识&#xff0c;和一些…

网站如何启用HTTPS访问?本地内网部署的https网站怎么在外网打开?

在互联网的世界里&#xff0c;数据安全已经成为了每个网站和用户都不得不面对的问题。近期&#xff0c;网络信息泄露事件频发&#xff0c;让越来越多的网站开始重视起用户数据的安全性&#xff0c;因此启用HTTPS访问成为了一个热门话题。作为一名网络安全专家&#xff0c;我希望…

计算机网络-----详解网络原理TCP/IP(上)

文章目录 &#x1f4d5;1. UDP协议✏️1.1 UDP的特点✏️1.2 基于UDP的应用层协议 &#x1f4d5;2. TCP协议✏️2.1 TCP协议段格式✏️2.2 TCP协议特点之确认应答✏️2.3 TCP协议特点之超时重传✏️2.4 TCP协议特点之连接管理✏️2.5 TCP协议特点之滑动窗口✏️2.6 TCP协议特点…

Lora训练

一种大模型高效训练方式&#xff08;PEFT&#xff09; 目标&#xff1a; 训练有限的ΔW&#xff08;权重更新矩阵&#xff09; ΔW为低秩矩阵→ΔWAB&#xff08;其中A的大小为dr, B的大小为rk&#xff0c;且r<<min(d,k)&#xff09;→ 原本要更新的dk参数量大幅度缩减…

蓝牙 5.0 新特性全解析:传输距离与速度提升的底层逻辑(面试宝典版)

蓝牙技术自 1994 年诞生以来,已经经历了多次重大升级。作为当前主流的无线通信标准之一,蓝牙 5.0 在 2016 年发布后,凭借其显著的性能提升成为了物联网(IoT)、智能家居、可穿戴设备等领域的核心技术。本文将深入解析蓝牙 5.0 在传输距离和速度上的底层技术逻辑,并结合面试…

Minio使用https自签证书

自签证书参考&#xff1a;window和ubuntu自签证书_windows 自签证书-CSDN博客 // certFilePath: 直接放在 resources 目录下 或者可以自定实现读取逻辑 // 读取的是 .crt 证书文件public static OkHttpClient createTrustingOkHttpClient(String certFilePath) throws Excep…

汽车前纵梁焊接总成与冲压件的高效自动化三维检测方案

汽车主体结构件上存在很多安装位&#xff0c;为保证汽车装配时的准确性&#xff0c;主体结构件需要进行全方位的尺寸和孔位置精度检测&#xff0c;以确保装配线的主体结构件质量合格。 前纵梁焊接总成是车身框架的核心承载部件&#xff0c;焊接总成由多片钣金冲压件焊接组成&a…

F接口基础.go

前言&#xff1a;接口是一组方法的集合&#xff0c;它定义了一个类型应该具备哪些行为&#xff0c;但不关心具体怎么实现这些行为。一个类型只要实现了接口中定义的所有方法&#xff0c;那么它就实现了这个接口。这种实现是隐式的&#xff0c;不需要显式声明。 目录 接口的定…

cartographer官方指导文件说明---第3章 cartographer前端算法流程介绍

cartographer官方指导文件说明 第3章 cartographer前端算法流程介绍 3.1 Scan Match扫描匹配 扫描匹配&#xff08;Scan Matching&#xff09;是 Cartographer 中实现局部SLAM的核心技术&#xff0c;它通过优化算法将当前激光扫描数据对齐到子图地图中。下面从计算过程、数学…

汽车整车厂如何用数字孪生系统打造“透明车间”

随着工业4.0时代的发展&#xff0c;数字孪生技术已成为现代制造业的重要利器。特别是在汽车整车厂&#xff0c;通过数字孪生系统的应用&#xff0c;能够有效打造一个“透明车间”&#xff0c;实现生产过程的全面可视化与实时监控&#xff0c;提高生产效率&#xff0c;降低成本&…

openKylin适配RISC-V高性能服务器芯片,携手睿思芯科共拓智算新蓝海

3月31日&#xff0c;睿思芯科&#xff08;深圳&#xff09;技术有限公司&#xff08;简称“睿思芯科”&#xff09;2025春季新品发布会在深圳前海国际会议中心盛大举行&#xff0c;作为RISC-V领域的年度盛事&#xff0c;此次发布会吸引了众多业内目光。此次发布会上&#xff0c…

【已解决】lxml.etree.ParserError: Document is empty

本专栏解决日常生活工作中非快速找到解决方案的问题。 问题背景 在爬取某网站时&#xff0c;使用开源框架报错&#xff1a;lxml.etree.ParserError: Document is empty 解决方案 1、多个搜索引擎中查找&#xff0c;建议都是对lxml的python源码进行修改&#xff0c;不好用。…

mac电脑调试iphone真机safari网页

mac电脑调试iphone真机safari网页 start 本文主要是记录一下如何调试苹果手机上的safari的网页 方法 1.苹果手机打开 web检查器 操作步骤&#xff1a; 打开设置搜索safari最底部“高级”开启“网页检查器” 2.mac电脑打开safari 操作步骤&#xff1a; 先用数据线连接手机和…