CSSで記事の一部分に蛍光ペンのマーカーを引いて読みやすくする方法

蛍光ペンでマーカーを引いたようにしたい場合はありませんか？
そのような時には、CSSでかんたんに設定する事が出来ます。

文章を部分的に、蛍光マーカーを引くと、その部分がとても読みやすくなります。
ユーザーに対して、特に伝えたい所がある場合は、蛍光マーカーで目立たせてみましょう。

テキストを蛍光ペンでマーカーする為の手順 CSS

1. CSS編集画面で下記のCSSを追加します。


2. 記事の中の目立たせたい場所をHTMLでマークアップ(印をつける事)します。


3. 実際にプレビューして、確認してみましょう。

蛍光ペンマーカーのCSS

span.marker{
background: #ffff75;
}

記事の中でマーカーを引きたい所に以下のHTMLを記述しましょう

<span class="marker">マーキングしたいテキスト</span>

記述が出来ましたら、次は保存を行って
表示をプレビューしてみましょう。

目立たせたい所が、蛍光ペンでマーキング出来ていると思います。
文章の中で特に伝えたい部分がある場合に重宝出来るカスタマイズです。

もしご不明な点がありましたら、お気軽にコメントくださいね^^


aki