CSS HTML 初心者 勉強中。

CSS HTML 初心者です。備忘録的メモです。

HTMLで蛍光マーカーみたいに。

f:id:mikanusagi:20180513030741p:plain

蛍光マーカーみたいな線を引きたい時は。。

こんな感じなら、HTMLで簡単にできます。

文字の背景に色をつけるというシンプルな方法。

原型はこちら。

<span style="background-color: #色指定;"> ここに文字 </span>

カラーチャートはコチラ。 

  

 

黄緑

#00FF66

<span style="background-color: #00FF66;"> ここに文字 </span>

 

黄色

#FFFF00

<span style="background-color: #FFFF00;"> ここに文字 </span>

 

水色

#00FFFF

<span style="background-color: #00FFFF;"> ここに文字 </span>

 

ピンク 

#FF0099

<span style="background-color: #000099;"> ここに文字 </span>

 

 

応用編

蛍光マーカーを太くしたい!

こんな感じなら…

 

<span style="background-color: #00ff66; padding: 10px;">ここに文字</span>

 

もっと細かい設定をしたい場合は、

CSSを使う方がよさそうです (*´▽`*)

 

それでは今回はこのへんで。(*'▽')/