NEZUちゃんねる in 神戸・三宮・元町から配信中!

おじさんユーチューバーの寝ず(NEZU)です。投資、ビジネス、旅行、映画、本、パソコン、料理、役立つ情報などについて書いています。

はてなブログのカスタマイズ③ マーカーラインで文字を強調しよう!

太字を蛍光マーカーでラインを引いたようにする方法

f:id:kenautotrading:20170904044333j:plain

  こんにちは NEZUです。

 今日はブログ内の文字協調に欠かせないマーカーラインを引く方法を設定しましょう。

 便利な設定は太字の設定にすれば、自動的にマーカーライン設定になるというものです。

 これめっちゃ便利です。

 

マーカーライン設定例

デザインCSS設定

下の文字列をコピペして使ってくださいね。

設定は驚くほど簡単です。

 【黄色のマーカー設定】

/*太文字マーカー*/
.entry-content strong {
background: linear-gradient(transparent 60%, #ffff66 60%);
}

 

黄色を変えたい場合は#ffff66を変更してください。

ピンク色 #FFB6C1

緑色 #66ccff

水色 #ff66ff