スタイルシート 文字にマーカーをつける | WEBエンジニア社長のブログ

スタイルシート 文字にマーカーをつける

入力した文字にマーカーをつける方法です。

「background」を使います。


例えば、こうです。


リーダーシップにはロバストな2軸がある。三隅二不二のPM理論にあるように、PはPerformance、MはMaintenance、」


【例】



<style type="text/css">
<!--
#mk_yellow {
background:#ffff00;
}
#mk_blue {
background:#00ffff;
}
#mk_red {
background:#ff00ff;
}
-->
</style>


<span id="mk_yellow">リーダーシップ</span>にはロバストな2軸がある、三隅二不二の<span id="mk_blue">PM理論</span>にあるように、Pは<span id="mk_red">Performance</span>、Mは<span id="mk_red">Maintenance</span>、





【解説】

backgroundは背景を指定します。今回は文字列の背景を指定しました。


応用編ですが、strong {background:#ffff00;} を指定しておけば、strongタグを使った場合に、いちいち id= とか class= を使わなくても、毎回マーカーが付きます。



WEBエンジニア社長のタグクラウド

SQL Server    Management    Human    スタイルシート    ツイッター    リーダーシップ    マーケティング    ASP    IT