❦❣♡ハート💚マーク各種💖💘
色を変更するならシンプルなハートマークに !!
文字実体参照や数値文字参照の記述方法!!
昔はハートマークをブログなどのWeb上に表示させたいと思ったらかなりの手間やった気がします・・・ただ、環境によっては入力できないことがあるので、文字実体参照や数値文字参照の記述方法を使って書くことで、入力して表示させることが可能となります。
でも、現在はUnicodeの中に絵文字としてハート記号も含まれているので、HTMLソースにハート記号を書いてCSS(スタイルシート)で装飾すれば、望みの配色やサイズでウェブ上にハートマークを表示することも簡単に出来るようになりました。
- 文字実態参照
- 半角の「&」+英文字+「;」で表示される記述方法で、例えば「♥」記号なら「♥」で表示できます。
- 数値文字参照
- 半角の「&#」+数値+「;」で表示される記述方法で、例えば「♡」記号なら「♡」で表示できます。
主だったモノを書いて置きますのでコピーしてWeb編集ページに貼り付けられたら早いと思います。
♥ | ♥ ♥ | ♡ | ♡ | ❣ | ❣ | ❦ | ❦ |
💓 | 💓 | 💔 | 💔 | 💕 | 💕 | 💖 | 💖 |
💗 | 💗 | 💘 | 💘 | 💙 | 💙 | 💚 | 💚 |
💛 | 💛 | 💜 | 💜 | 💝 | 💝 | 💞 | 💞 |
上段の4つのハートマークは色指定が可能ですが、二段目以降のハートマークは色自体の変更は不可能なんですが、CSSをご存知の方ならばtext-shadowプロパティを使えば💖影の色は色々と変更可能なんですよ。
今日は少し難しかったかも知れませんね・・・色々と楽しんで下さい!!
※コメント投稿者のブログIDはブログ作成者のみに通知されます