スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
--:-- : スポンサー広告:  トラックバック(-)  コメント(-)

文字にマーカーを引く。

文章を読みやすくするテクニックとして、
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

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。