HTML 特殊文字エンコーディング CSS3 コンテンツに関する簡単な説明:「私は特別なシンボルです」

HTML 特殊文字エンコーディング CSS3 コンテンツに関する簡単な説明:「私は特別なシンボルです」

プロジェクトで使用されている特殊文字とアイコン

HTMLコード

XML/HTML コードコンテンツをクリップボードにコピー
  1. < div  クラス= "クロス" > </ div >     

CSSコード

CSSコードコンテンツをクリップボードにコピー
  1. .クロス{
  2.     : 20px ;
  3.     高さ: 20px ;
  4.     背景色: #F3F9FF ;
  5.     境界線-半径: 10px ;
  6.     境界線: 1ピクセル 固体 翻訳:
  7.     表示:インラインブロック;
  8.     位置:相対的;
  9.     下端: 20px ;
  10.     : 15px ;
  11. }
  12. .クロス:after{
  13.      content : "\2715" ; //特殊文字または図形
  14.     : #a2b6c5 ;
  15.     フォントサイズ: 12px ;
  16.     位置:相対的;
  17.     : 4px ;
  18.     : 3px ;
  19.     カーソル:ポインタ;
  20. }

レンダリング

中に十字が入った円です。

特殊文字や図形を使うと、多くの手間を省くことができます。私はそれらのいくつかをオンラインで整理し、後で使用するために保存しました。

基本的な形状  ▲ 9650 25B2 ► 9658 25BA ► 9658 25BA ▼ 9660 25BC ◄ 9668 25C4 ❤ 10084 2764 ✈ 9992 2708 ★ 9733 2605 ✦ 10022 2726 ☀ 9728 2600 ◆ 9670 25C6 ◈ 9672 25C8 ▣ 9635 25A3

句読点、特殊記号
« 171 00AB » 187 00BB 139 008B 155 009B 8220 201C 8221 201D ' 8216 2018 ' 8217 2019 8226 2022 9702 25E6 ¡ 161 00A1 ¿ 191 00BF℅84532105№84702116 38 0026 @ 64 0040℞8478211E C≠8800 2260Legalシンボル®17400AE©16900A9℗84712117™153 0099

さまざまな矢印

8672 21E0⇢867421E2⇡867321E1 95⇄864421C4⇅864521C5↢861021A2↣861121A3⇞867021DE⇟867121DF↫861921AB↬8620 21AC

 
⇦ 8678 21E6 ⇨ 8680 21E8 ⇧ 8679 21E7 ⇩ 8681 21E9 ↷ 8631 21B7 ↶ 8630 21B6 ↻ 8635 21BB ↺ 8634 21BA ⟳ 10227 27F3 ⟲ 10226 27F2 ⟰ 10224 27F0 ⟱ 10225 27F1 ↵ 8629 21B5 ↯ 8623 21AF ⇵ 8693 21F5
右向き矢印 
➔10132 2794➙101372799➨1015227A8➲1016227B2➜10140279C➞10142 279E➟10143279F➠1014427A0➤1014827A4➥1014927A5 8➼1017227BC➽1017327BD

通貨
$ 36 0024 ¢ 162 00A2 £ 163 00A3 ¤ 164 00A4 € 8364 20AC ¥ 165 00A5 ₱ 8369 20B1 ₹ 8377 20B9

数学
½ 189 00BD ¼ 188 00BC ¾ 190 00BE ⅓ 8531 2153 ⅔ 8532 2154 ⅛ 8539 215B ⅜ 8540 215C ⅝ 8541 215D ‰ 8240 2030 % 37 0025 < 60 003C > 62 003E
音楽記号
♩ 9833 2669 ♪ 9834 266A ♫ 9835 266B ♬ 9836 266C ♭ 9837 266D ♯ 9839 266F
正しい番号、間違った番号 
160 00A0 ☐ 9744 2610 ☑ 9745 2611 ☒ 9746 2612 ✓ 10003 2713 ✔ 10004 2714 ✕ 10005 2715 ✖ 10006 2716 ✗ 10007 2717 ✘ 10008 2718
クロス 
☨ 9768 2628 ☩ 9769 2629 ✝ 10013 271D ✞ 10014 271E ✟ 10015 271F ✠ 10016 2720 ✚ 10010 271A † 8224 2020 ✢ 10018 2722 ✤ 10020 2724 ✣ 10019 2723 ✥ 10021 2725
星、アスタリスク、雪の結晶 
: : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : :   : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : :   ☜ 9756 261C ☞ 9758 261E ☝ 9757 261D ☟ 9759 261F ✌ 9996 270C ✍ 9997 270D ✎ 9998 270E ✐ 10000 2710 ✏ 9999 270F ✑ 10001 2711 ✒ 10002 2712 空、植物  ☽ 9789 263D ☾ 9790 263E ♂ 9794 2642 ♀ 9792 2640 ☿ 9791 263F ♁ 9793 2641 ♃ 9795 2643 ♄ 9796 2644 ♅ 9797 2645 ♆ 9798 2646 ♇ 9799 2647 星座  ♈ 9800 2648 ♉ 9801 2649 ♊ 9802 264A ♋ 9803 264B ♌ 9804 264C ♍ 9805 264D ♎ 9806 264E ♏ 9807 264F ♑ 9809 2651 ♒ 9810 2652 ♓ 9811 2653 チェス、トランプ  ♚9818 265a♛9819 265b♜9820 265c 3♥9829 2665♦9830 2666♤98282664 398/9210399κ922039aλ923039bμ924039cν925039dξ926039Eο927039fπ92803a0ρ92903a1σ931 5 03A7ψ93603A8  

Ω 937 03A9

上記の記事は、HTML 特殊文字エンコーディング CSS3 コンテンツについて簡単に説明しています。「私は特別なシンボルです」は、エディターが皆さんと共有するコンテンツのすべてです。参考になれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。

<<:  IE 8/Chrome/Firefox と互換性のあるコメント返信ポップアップマスク効果実装アイデア

>>:  20個のJavaScriptワンラインコードを共有する

推薦する

Dockerで構築されたコンテナにpingツールをインストールする

Centos や Ubuntu など、Docker が pull する Base イメージは最もシン...

JSタイマーを使用して要素を移動する

JS タイマーを使用して、要素に移動する効果のあるメソッドを作成します。実装のアイデアは、まず要素の...

Nginx リバース プロキシでセッション永続性を実装する 2 つの方法の詳細な説明

1. ip_hash: ip_hash は、送信元アドレス ハッシュ アルゴリズムを使用して、サーバ...

ルート変更を監視するJavaScriptの詳細な説明

目次歴史pushState() メソッドpushState() の使用シナリオreplaceStat...

非常に詳細な基本的なJavaScript構文ルール

目次01 JavaScript(略称:js) js は 3 つの部分に分かれています。 JavaSc...

JavaScript ECharts の使用方法の説明

以前、プロジェクトを行う際に ECharts を使用しました。今日はそれをメモとして整理し、より多く...

Linux カーネルの探究: Kconfig の秘密

Linux 構成/ビルド システムがどのように機能するかを深く理解します。 Linux カーネル構成...

Docker が elasticsearch を起動するときのメモリ不足の問題と解決策

質問Docker が elasticsearch をインストールして起動するときにメモリが不足するシ...

Dockerカスタムネットワークの詳細な紹介

目次Dockerカスタムネットワーク1. カスタムネットワークの紹介2. カスタムネットワークを作成...

Linux環境でのshadowsocks+polipoグローバルプロキシの設定

1. シャドウソックスをインストールするsudo apt-get install python-pi...

JavaScript のクロージャによって発生する問題を回避する

閉鎖による問題を回避するためのletについてオブジェクト指向の考え方を使用して、購入者情報の削除機能...

VUE 入門 イベント処理の学習

目次1. 関数バインディング2. パラメータと$eventを使用する3. 1つのイベントに複数の関数...

Vueプロジェクトの最適化とパッケージ化の詳細な説明

目次序文1. ルーティングの遅延読み込み1. ルートの遅延読み込みが必要なのはなぜですか? 2. ル...

MySQL がエラーを報告: ファイルが見つかりません: './mysql/plugin.frm' 解決策

問題を見つける最近、仕事中に問題が見つかりました。問題は、MySQL ディスクがいっぱいだったことで...

Docker コンテナのタイムゾーン エラーの問題

目次背景質問問題分析と解決策新たな問題問題分析と解決策背景node-schedule スケジュール ...