CSS Content符号编码大全

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

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

前端最常用符号

图标形状十进制十六进制图标形状十进制十六进制图标形状十进制十六进制图标形状十进制十六进制
9794264297922640下拉-开启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

基本形状

形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码
965025B2965825BA965825BA966025BC
966825C410084276499922708963525A3
10022272697282600967025C6967225C8

标点 | 特殊符号

形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码
«17100AB»18700BB139008B155009B
"8220201C"8221201D'82162018'82172019
82262022970225E6¡16100A1¿19100BF
8453210584702116&380026@640040
8478211E8451210384572109°17600B0
|124007C¦16600A68211201382122014
8230202618200B68764223C88002260

法律符号

形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码
®17400AE©16900A9847121171530099
84802120

各种箭头

形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码
867221E0867421E2867321E1867521E3
8606219E860821A08607219F860921A1
85922190859421928593219185952193
867821E6868021E8867921E7868121E9
8596219485972195864421C4864521C5
861021A2861121A3867021DE867121DF
861921AB862021AC866821DC866921DD
8602219A8603219B862221AE862121AD

向右的箭头

形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码
1013227941013727991015227A81016227B2
10140279C10142279E10143279F1014427A0
1014827A41014927A51015027A61015127A7
1016527B51016827B81017227BC1017327BD
1017027BA1016327B31017427BE

形状

形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码
863121B7863021B6863521BB863421BA
1022727F31022627F21022427F01022527F1
862921B5862321AF869321F5

货币

形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码
$360024¢16200A2£16300A3¤16400A4
836420AC¥16500A836920B1837720B9

数学

形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码
½18900BD¼18800BC¾19000BE85312153
853221548539215B8540215C8541215D
82402030%370025<60003C>62003E

音乐符号

形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码
983326699834266A9835266B9836266C
9837266D9839266F

对号 | 错号

形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码
974426109745261197462612100032713
100042714100052715100062716100072717
100082718

十字

形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码
976826289769262910013271D10014271E
10015271F10016272010010271A82242020
100182722100202724100192723100212725

星星 | 星号 | 雪花

形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码
973426069733260510029272D10030272E
10037273510026272A10017272110031272F
10042273A100382736100402738100412739
100352733100332731100342732100362734
10054274610043273B10045273D10059274B
100522744100532745

杂项

形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码
9787263B9786263A9785263999932709
9742260E9743260F9990270665533FFFD
972926019730260210052274497312603
10056274810047273F100482740100492741
9752261810086276697499749100502742
976526259774262E9775262F9770262A
97642624998827049986270297842638
9875269397632623988826A0988926A1
976226229851267B9855267F97602620

手型 | 铅笔 | 笔

形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码
9756261C9758261E9757261D9759261F
9996270C9997270D9998270E100002710
9999270F100012711100022712

天空 | 植物

形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码
9789263D9790263E9794264297922640
9791263F979326419795264397962644
979726459798264697992647

星座

形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码
98002648980126499802264A9803264B
9804264C9805264D9806264E9807264F
980926519810265298112653

象棋 | 扑克牌

形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码
9818265A9819265B9820265C9821265D
9822265E9823265F9812265498132655
98142656981526579816265898172659
98242660982726639829266598302666
98282664983126679825266198262662

希腊字母

形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码形状十进制编码十六进制编码
Α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.pswp.cn/pingmian/85551.shtml
繁体地址,请注明出处:http://hk.pswp.cn/pingmian/85551.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈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; 先用数据线连接手机和…