ブログ/Bogに蛍光ペン/highlighterを引く方法♪

Subscribe with livedoor Reader

ブログに蛍光ペン/蛍光マーカーのように、このようにして蛍光色を引く方法をご紹介します♪(ちなみに、英語では蛍光ペンのことを何というでしょうか?答えは記事の最後に。)

基本的には蛍光色を引きたい「文章」を<b>と</b>で挟み込んで下記のように文字の色1と蛍光色の色2を指定するという簡単なものです:

<b style="color: 色1; background-color: 色2;">文章</b>

Google


蛍光色は下記のようにするとそれっぽくていいですが、単に色2をpinkとかyellowにしてもそれなりの蛍光色になります~ただ、下記のように光の3原色の赤緑青(RGB)で細かく指定してあげた方がより蛍光色っぽいのでお薦めです♪

見本 見本の指定方法
黄色 <b style="color: black; background-color: rgb(240, 255, 64);">黄色</b>
黄緑色 <b style="color: black; background-color: rgb(64, 255, 48);">黄緑色</b>
オレンジ色 <b style="color: black; background-color: rgb(255, 128, 48);">オレンジ色</b>
ピンク色 <b style="color: black; background-color: rgb(255, 48, 144);">ピンク色</b>
水色 <b style="color: black; background-color: rgb(48, 144, 255);">水色</b>
紫色 <b style="color: white; background-color: rgb(153, 0, 153);">紫色</b>
緑色 <b style="color: white; background-color: rgb(0, 170, 0);">緑色</b>
茶色 <b style="color: white; background-color: rgb(136, 0, 0);">茶色</b>

答えは「Highlighter」または「Highlighter pen」といいます、つまらないトリビアでした。


COMMENT 0