ブログで文字にマーカー(蛍光ペン)のような効果を付けるタグの書き方

アイキャッチ1027
スポンサーリンク

俵谷 龍佑(@tawarayaryusuke)です。

他の人のブログを見ていると勉強になります。ブログのデザインもさることながら、フォントの種類も変えることができるので、面白いです。

色々なブログを見ていると、蛍光マーカーで引いたような文字が…

こんなやつです。

これ意外に目立つから良いですよね。普通に赤文字や太文字よりインパクトあるので。

background-colorタグを使用する

もっと複雑と思いきや意外と簡単なコードでした。

▼こんな感じ▼
サンプル

background-colorは直訳すると「背景色」という意味です。そのあとの#~始まるコードが色を表すカラーコードになるので、ここを変えると背景色を変えることができます。カラーコードを覚えている変態はそういないので、普通は下記のようなサイトで検索してコピペして使います。

スポンサーリンク

http://www.colordic.org/

カラーコードを修正すれば、色も変えられる

上のサイトを参考にしながら、#~始まるコードをコピペ。例えば、ちょっと濃い目のピンクならこんな感じ。

▼こんな感じ▼

サンプル

これ以外にも打消し線、下線など様々な組み合わせが可能です。ぜひ試してみてください!

《下線》

▼こんな感じ▼

サンプル

《打消し線》

▼こんな感じ▼

サンプル

スポンサーリンク

シェアする

  • このエントリーをはてなブックマークに追加
プロフィール