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

スポンサーリンク

俵谷 龍佑(@tawarayaryusuke)です。

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

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

こんなやつです。

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

background-colorタグを使用する

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

▼こんな感じ▼
サンプル

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

スポンサーリンク
色の名前とカラーコードが一目でわかるWEB色見本

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

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

▼こんな感じ▼

サンプル

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

《下線》

▼こんな感じ▼

サンプル

《打消し線》

▼こんな感じ▼

サンプル

スポンサーリンク
The following two tabs change content below.
俵谷 龍佑

俵谷 龍佑

ライターの仕事を中心に、小規模事業者さんのWeb集客のお手伝いしています。マーケティングの実験の場として、音楽活動やイベントを開催しております。 ADD(注意欠陥障害)の症状に悩まされながらも日々奮闘しています。
LINE@始めました!

スマホの方はこちらから↓
友だち追加

PCの方はこちらから↓

良いと思ったらシェア!

よく読まれている記事はこちら