文章を読みやすくするテクニックとして、
strongタグや、
アンダーラインなどがありますが、
CSSを使うと、
蛍光ペンのようなマーカーを引くことができます。
やり方はとても簡単!
CSSに
.marker{
background-color:マーカーの色;
color:文字の色;
}
を追加するだけです。
色のコードは
こちらを参照すると良いかもです。
文字にマーカーを引くときは、引きたい部分を、
<span class="marker"></span>で囲めばOK!
使用例・・・
CSS部分
.marker{
background-color:#ffff00;
color:#000000;
}
本文
文章に<span class="marker">マーカー</span>を引いてみます。
実際の表示
文章に
マーカーを引いてみます。
簡単なのでお試しくださいませ。