FC2ブログ

文字にマーカーを引く。

文章を読みやすくするテクニックとして、
strongタグや、アンダーラインなどがありますが、
CSSを使うと、蛍光ペンのようなマーカーを引くことができます。

やり方はとても簡単!
CSSに

.marker{
background-color:マーカーの色;
color:文字の色;
}

を追加するだけです。
色のコードはこちらを参照すると良いかもです。

文字にマーカーを引くときは、引きたい部分を、
<span class="marker"></span>で囲めばOK!


使用例・・・

CSS部分
.marker{
background-color:#ffff00;
color:#000000;
}

本文
文章に<span class="marker">マーカー</span>を引いてみます。

実際の表示
文章にマーカーを引いてみます。

簡単なのでお試しくださいませ。
スポンサーサイト



16:21 : テンプレート作成日記トラックバック(0)  コメント(0)

コメントの投稿











 管理者にだけ表示を許可

トラックバック

この記事のトラックバックURL