しょくのこのゆるく空回りな暮らし

感受性高めな管理人がゆるい日常の様子をお届けするブログです、ときどき熱血のスイッチが入ります(笑)乗り物と旅行と料理が好きです。

【はてなブログ】HTMLコードで文字に蛍光ペンのようなマーカーを付ける方法!

f:id:shokuneko:20190213084335j:plain


 

 

ども、ブログを始めて半年の以上経つけど、カスタマイズでいろいろ悩んでいるしょくのこ@shokunekoです!

 

 

 

ブログのカスタマイズって難しいですね、半年経ってようやく基本的なことが分かりつつあります(^^;

 

 

今回はその中でも基本的な文字を目立たせるマーカーについて紹介していきます。

 

ちなみに今回紹介するのはCSSコードで色を設定するのではなく、はてなブログの「HTML編集」のところで直接打ち込む「htmlコード」を紹介します!

 

 

◆文字を強調させるマーカーってどんな感じ?

 

だいたいこんな感じです。

 

黄色のマーカーです。

 

緑色のマーカーです。

 

赤色のマーカーです。

 

青色のマーカーです。

 

けっこう目立ちますよね(*'ω'*)

 

はてなブログで文字を強調させる基本的な機能は

 

「大きさ」

 

「太字」

 

「文字色」

 

「斜体」

 

「下線」

 

だけなので、このマーカーを使うとより目立たせることが出来ます!

 

◆マーカーのhtmlコード

◎文字の背景色を変えるコード

 

<font style="background-color: #色の値;">ここに文字を書く</font>

 

「色の値」

 

の部分を変更することで色を変えることが出来ます。

 

◎緑色のマーカーを引きたい場合

 

はてなブログの「HTML編集」画面で

 

<font style="background-color: #33FF00(#33FF00がカラーコード);">ここに文字を書く</font>

 

と、カラーコードを設定すると

 

 ここに文字を書く

 

というような感じになります。

 

※カラーコードとは、色を設定するhtmlコードです。

カラーコード一覧

www.netyasun.com

 

◆私が初めてコードを使ったとき

 

文字の背景色の設定についてわかりましたでしょうか?

 

 

私は半年前まではパソコンがろくに使えない人だったので、ブログを始めたときは「コード?カスタマイズ?・・・超頭痛くなる(~_~;)」という感じでした(^^;

 

 

でも勉強してみると意外と簡単だったので、これからブログを頑張る人のお役に立てばいいなと思います(*'▽')

 

 

今回紹介した「文字にマーカーをつける」以外にも

 

「文字を囲む」

「波線マーカー」

 

など、他にも文字を強調させる機能があるのでそれも紹介できたらなと思います!

 

 

パソコンがめちゃくちゃ苦手、、、

 

という人でも勉強すれば必ずいろいろなことができるようになります。

 

「パソコンの電源が点けられない・・・」

 

から始まった私でも、独学でこのブログをカスタマイズできたので間違いないと思います(*'')

 

 

ありがたいことにブログ界隈には多くの先輩方がいます。

参考になる記事もたくさんあるので、ぜひ活用してみてはいかがでしょうか?

 

 

以上、ブログで超基本的な「文字にマーカーを付ける方法」を今更ながら紹介してみたしょくのこでした(*'ω'*)

 

広告