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ワンラインコードを共有する

推薦する

URLパラメータに基づくNginx転送

使用シナリオ:ジャンプ パスは、傍受された URL に応じて動的に構成する必要があります。これは、イ...

JS ベースの Ajax 同時リクエスト制御を実装する方法

目次序文Ajax シリアルおよびパラレルAjaxの同時リクエスト制御のための2つのソリューションPr...

nginx でネストされた if メソッドを実装する方法

Nginx はネストされた if ステートメントをサポートしておらず、if ステートメントでの論理判...

Linux でのプロセスデーモン スーパーバイザーのインストール、構成、および使用

Supervisor は非常に優れたデーモン管理ツールです。自動起動、ログ出力、自動ログカットなど、...

Vueでルーティング権限を動的に設定する主なアイデア

以前、インターネット上で動的ルーティング設定をいくつか見たことがありましたが、現在のプロジェクトとは...

HTMLはテキスト行のインターセプトの実装原理とコードを超えています

複数行を超えるテキストをインターセプトするための HTML コードは次のとおりです。 HTML:コー...

Docker を使用して MySQL 5.7 および 8.0 マスター スレーブ クラスターをデプロイする方法

> MySQL 5.7 クラスタ マスターとスレーブをデプロイする (テストのみ)イメージバー...

Vant+postcss-pxtoremはブラウザ適応機能を実装します

Remレイアウトの適応Vant のスタイルでは、デフォルトで px を単位として使用します。rem ...

Winにmysqlをインストールする詳細な手順

この記事では、参考までにWinにmysqlをインストールする詳細な手順を紹介します。具体的な内容は次...

JavaScript ES6 分割演算子の理解と応用

目次序文脱構築記号の役割使い方分割割り当ての適用アプリケーションの簡単な紹介JSONデータを抽出する...

WeChatミニプログラムでの仮想リストの実装例

目次序文分析する初期レンダリング方法初期最適化さらなる最適化方法2序文ほとんどのミニプログラムには、...

Nginx ソースコードのコンパイルとインストールのプロセス記録

rpm パッケージのインストールは比較的簡単なので、ここでは説明しません。ほとんどのオープンソース ...

Vueルーティングはページステータスを復元する操作メソッドを返します

ルートパラメータ、ルートナビゲーションガード: ページが戻ったときに検索結果を保持する需要シナリオ:...

MySQL InnoDB のロック機構の詳細な説明

前面に書かれたデータベースは本質的に共有リソースであるため、同時アクセスのパフォーマンスを最大化する...

nginx でディレクトリ ホワイトリストと IP ホワイトリストを設定する方法

1. ディレクトリホワイトリストを設定する:指定されたリクエストパスに制限を設定しないでください。た...