【はてなブログ】蛍光マーカー風のラインを表示させるカスタマイズ

・はてなブログで、文字に蛍光マーカー風の装飾をしたい。
・具体的なやり方を簡単に分かりやすく教えてほしい。

こういった疑問に答えます。

この記事を書いている私は、2006年から始めて、アフィリエイト歴は13年ほど。
当ブログの他にも複数ブログを運営していて、毎月コンスタントに収益が発生しています。

こういった私が、解説していきます。

はてなブログで蛍光マーカーペン風のラインを文字列に表示させるカスタマイズ方法

結論、CSSに以下3行を追加するだけです。

/* -----強調strongタグ蛍光マーカー風----- */
.entry-content strong {
    background: linear-gradient(transparent 70%, #fff799 70%);
}

サンプルは以下です。

はてなブログで蛍光マーカーペン風のラインを文字列に表示させるカスタマイズ方法です。