蛍光マーカーを引く:β | ちょっとした「Webお役立ち情報」とかを主に書いてます。

ちょっとした「Webお役立ち情報」とかを主に書いてます。

ネットで調べて、「わかったこと」を備忘録の代わりのメモ帳のようにして使ってます。

※この記事は2015-06-25に投稿したものを再編集したものです。
蛍光マーカー
文章の特定の箇所の背景色を変える


こんにちワ..(^∇^)

文章に蛍光マーカーを引く方法も、いろいろあるようです。
こちらのサイト様ではCSSを使う方法を解説されてます。
【CSS】コピペでOK!強調文字を蛍光ペン風にする方法 - ままはっく

駄菓子菓子、だが、しかし、CSSを使う方法だと、そのサイト(ブログ)内の全部の記事に適用されてしまうのであります。

今回、御案内する方法は、個別に、その箇所だけに蛍光マーカーを引く方法です。
※HTMLタグが使えるあらゆるウェブサイトで使えると思います。

文字にマーカーを引くタグコード


マーカーを引きたい文字を、下のタグで囲むとマーカーを引くことができます。
<font color="#000000" style="BACKGROUND-COLOR: #ffff00; FONT-SIZE: 15px">マーカーを引きたい文字</font>

*1.赤字の箇所が、文字の色です。上の場合は黒。
*2.ピンク字の箇所が、マーカーの色です。上の場合は黄色。
*3.緑字の箇所が、文字の大きさです。

●例1:文字の色を白、マーカーの色を黒、文字の大きさを20(※必ず半角数字で記述)にしてみました。
<font color="#ffffff" style="BACKGROUND-COLOR: #000000; FONT-SIZE: 20px">マーカーを引きたい文字</font>

      
マーカーを引きたい文字

●例2:文字の色を赤、マーカーの色を薄い緑、文字の大きさを25にしてみました(↓)。
<font color="#ff0000" style="BACKGROUND-COLOR: #00ff00; FONT-SIZE: 25px">マーカーを引きたい文字</font>

      
マーカーを引きたい文字


※参考までに⇒色見本と配色サイト - color-sample.com


○思うこと
御自分の気に入ったマーカーのコードを何種類か作っておいて、お使いのパソコンのメモ帳等に保存しておくと便利だと思います。



☆ブィブィ  ('-^*)/


マイケルに教わった、ムーンウォークをするしかニャイにゃん!!