おれじなる

「どうせ自分なんか」から「こんな自分でも」へ導くブログメディア

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

time 2015/10/27

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

俵谷 龍佑(@tawarayaryusuke)です。

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

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

こんなやつです。

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

background-colorタグを使用する

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

▼こんな感じ▼
サンプル

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

スポンサーリンク

http://www.colordic.org/

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

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

▼こんな感じ▼

サンプル

 

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

《下線》

▼こんな感じ▼

サンプル

 

《打消し線》

▼こんな感じ▼

サンプル

スポンサーリンク

著者

俵谷龍佑(タワラヤリュウスケ)

俵谷龍佑(タワラヤリュウスケ)

「社内失業」になり、1年で大手企業を退職。その後、ADD(軽度)が発覚。 それを機に、「強みを伸ばす」の重要性に気付き、向いてない事を諦めてやりたいことだけやる人生を目指す。28歳、作曲も歌も未経験という状態から、昔からの夢「音楽で食べていく」ことに向けてようやく本気で取り組み始める。今は、まだ作曲中、歌練習中で、音楽では食えてません。フリーライターで生計を立てています。 [詳細]