【はてなブログのカスタマイズ手順メモ】strong強調タグで文字列に蛍光ペン風マーカーをつけるCSS
強調したい文字列に<strong>
タグを使いますが、単なる太字にするだけでなく、
蛍光マーカーペン風のラインを文字列に表示させるのが、最近のブログの流行りみたいなので、
やってみました。
はてなブログのデザインCSSに3行追加するだけで簡単にできます。
具体的な手順
設定 > デザイン > カスタマイズ > デザインCSS に
下記コードを追記します。
/* -----強調strongタグ----- */ .entry-content strong { background: linear-gradient(transparent 70%, #39BAE8 70%); }
実際の表示イメージ
Markdown記法の場合
**強調したい文字列ああああああああああ**
強調したい文字列ああああああああああ
HTMLタグの場合
<strong>強調したい文字列ああああああああああ</strong>
強調したい文字列ああああああああああ