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

基本形狀

形狀十進制編碼十六進制編碼形狀十進制編碼十六進制編碼形狀十進制編碼十六進制編碼形狀十進制編碼十六進制編碼
965025B2?965825BA?965825BA966025BC
?966825C4?100842764?99922708?963525A3
?100222726?97282600967025C6?967225C8

標點 | 特殊符號

形狀十進制編碼十六進制編碼形狀十進制編碼十六進制編碼形狀十進制編碼十六進制編碼形狀十進制編碼十六進制編碼
?17100AB?18700BB?139008B?155009B
"8220201C"8221201D'82162018'82172019
?82262022?970225E6?16100A1?19100BF
8453210584702116&380026@640040
?8478211E8451210384572109°17600B0
|124007C|16600A68211201382122014
82302026?18200B68764223C88002260

法律符號

形狀十進制編碼十六進制編碼形狀十進制編碼十六進制編碼形狀十進制編碼十六進制編碼形狀十進制編碼十六進制編碼
?17400AE?16900A9?84712117?1530099
?84802120

各種箭頭

形狀十進制編碼十六進制編碼形狀十進制編碼十六進制編碼形狀十進制編碼十六進制編碼形狀十進制編碼十六進制編碼
?867221E0?867421E2?867321E1?867521E3
?8606219E?860821A0?8607219F?860921A1
85922190859421928593219185952193
?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

貨幣

形狀十進制編碼十六進制編碼形狀十進制編碼十六進制編碼形狀十進制編碼十六進制編碼形狀十進制編碼十六進制編碼
$36002416200A216300A3¤16400A4
836420AC16500A?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

星星 | 星號 | 雪花

形狀十進制編碼十六進制編碼形狀十進制編碼十六進制編碼形狀十進制編碼十六進制編碼形狀十進制編碼十六進制編碼
9734260697332605?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?9790263E9794264297922640
?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.pswp.cn/pingmian/85551.shtml
繁體地址,請注明出處:http://hk.pswp.cn/pingmian/85551.shtml
英文地址,請注明出處:http://en.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; 先用數據線連接手機和…