ELLの足跡

人は最後は一人だという・・・でも、・・・今は妻が傍にいてくれる・・・

ELL-ヤマウチ

トーションレースの製造企画卸
梅肉エキス販売
和紙健康タオル
トーションレース&細幅テープの試作品の小売りコーナー



日々のパソコン案内板


【Excel関数】   No.1(A~I)   No.2(J~S)   No.3(T~Y)
【Excelの小技】  【HTMLタグ&小技】
【PDFの簡単セキュリティ】
【複数フォルダーを一括作成するんならExcelが超便利だよ!!】
【アップデートが終わらない!? Windowsの修復ツールを使ってみる方法】
【削除してしまったファイルやデータを復元する方法ー其の一(以前のバージョン)】
【削除ファイルやデータを復元する方法ー其の二(ファイル履歴)】
【Excel振替伝票の借方に入力したら貸方に対比する科目を自動記入】
【手書きで書くように分数表記する方法】
【Web上のリンクさせてある文字列を選択する方法】
【Excel2010以降は条件付き書式設定での文字色にも対応!】
【Windows10のWindows PowerShellでシステムスキャンの手順】

色々なハートマークをWeb上に表示させたり、色を付けしたりしたぁ~い!?

2023-09-25 | 日々のパソコン

ハート💚マーク各種💖💘
変更するならシンプルハートマーク !!

文字実体参照や数値文字参照の記述方法!!

 昔はハートマークをブログなどのWeb上に表示させたいと思ったらかなりの手間やった気がします・・・

 でも、現在はUnicodeの中に絵文字としてハート記号も含まれているので、HTMLソースにハート記号を書いてCSS(スタイルシート)で装飾すれば、望みの配色やサイズでウェブ上にハートマークを表示することも簡単に出来るようになりました。
 ただ、環境によっては入力できないことがあるので、文字実体参照数値文字参照の記述方法を使って書くことで、入力して表示させることが可能となります。
  • 文字実態参照
    半角の&」+英文字+「;で表示される記述方法で、例えば「♥」記号なら「♥」で表示できます。
  • 数値文字参照
    半角の&#」+数値+「;で表示される記述方法で、例えば「♡」記号なら「♡」で表示できます。
 でも、覚えられないですよね・・・
 主だったモノを書いて置きますのでコピーしてWeb編集ページに貼り付けられたら早いと思います。
♥
♥
♡❣❦
💓💓💔💔💕💕💖💖
💗💗💘💘💙💙💚💚
💛💛💜💜💝💝💞💞

 上段の4つのハートマークは色指定が可能ですが、二段目以降のハートマークは色自体の変更は不可能なんですが、CSSをご存知の方ならばtext-shadowプロパティを使えば💖影の色は色々と変更可能なんですよ。
 今日は少し難しかったかも知れませんね・・・色々と楽しんで下さい!!

コメント
  • X
  • Facebookでシェアする
  • はてなブックマークに追加する
  • LINEでシェアする