おやじ日記 ~ 神戸・三宮・元町で活動中です ~

おやじ日記 最近忘れっぽいので、自分のために情報をまとめています。

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

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

f:id:kenautotrading:20170904044333j:plain

  こんにちは ニート社長です。

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

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

 これめっちゃ便利です。

 くわしい設定は下記ブログを参考にしてくださいね。
www.ringocatnote.com

 

ニートのマーカーライン設定例

デザインCSS設定

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

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

 【黄色のマーカー設定】

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

 

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

ピンク色 #FFB6C1

緑色 #66ccff

水色 #ff66ff