文字の装飾

【文字の装飾

　【文字の大きさと色】

　みんな、いろんな大きさの文字にしている。どうやっているのだろう？と思って考えた。

　日記を書くときには、簡単に大きくしたり小さくしたりできるよね。

　【文字の大きさを変える】

　2種類のHTMLが使えるよ。

ひとつめ

　

柴犬けんたの日記

　柴犬けんたの日記

　size:20pxの数字を変えると大きくしたり小さくしたりできる。

　

柴犬けんたの日記

　柴犬けんたの日記

ふたつめ

　

柴犬けんたの日記

　柴犬けんたの日記

　こっちは、size="-1"の数字を-から+にして数字を大きくすると、どんと大きくなる。

　+-の記号をつけないで、数字だけ大きくしても、大きくなるよ。

　

柴犬けんたの日記

　柴犬けんたの日記

　【文字に色をつける】

　

色をつける

　色をつける

　色は、color="#FF0000"の、#FF0000を変えると好きな色にできる。

　この記号の色は、ブログでは選べるから問題ないけどね。

　色見本を参考にしてくださいね。

　
　【文字の大きさと色をいっぺんに変えちゃおう】

　どっちでも、使いやすい方を使うといいね。

　　ひとつめ

　

柴犬けんたの日記

　柴犬けんたの日記

　ふたつめ

　

柴犬けんたの日記

　柴犬けんたの日記

　これで、文字の大きさも自由自在。文字色も好きな色にできるようになったよ。

　【もうちょっと、かっこつける】

　ひとつ　背景色の変更

　

文字に背景色をつける

　文字に背景色をつける

　ふたつ　文字の色を変えて、背景色をつける

　

文字の色を変えて背景色をつける

　文字の色を変えて背景色をつける

　みっつ　文中でフォントを変える。

　

フォントを変える

　フォントを変える

　フォントを変える

　文字の書体を変えたいときは、"書体"のところに、表現したい書体を入れるんだ。

　下の表が主な書体かな。もっと、たくさんあると思うけど、相手のパソコンが書体を持っていないと表示されないので、一般的なのを使うといいね。

書　体	柴犬けんたの日記
HGPｺﾞｼｯｸE	柴犬けんたの日記
HGPｺﾞｼｯｸM	柴犬けんたの日記
HGP正楷書	柴犬けんたの日記
HGSｺﾞｼｯｸE	柴犬けんたの日記
HGSｺﾞｼｯｸM	柴犬けんたの日記
HGｺﾞｼｯｸM	柴犬けんたの日記
HG丸ｺﾞｼｯｸM-PRO	柴犬けんたの日記
HG行書体	柴犬けんたの日記
HG正楷書体	柴犬けんたの日記
HG正楷書体-PRO	柴犬けんたの日記
HG創英角ｺﾞｼｯｸUB	柴犬けんたの日記
HG創英角ﾎﾟｯﾌﾟ体	柴犬けんたの日記
ＭＳＰゴシック	柴犬けんたの日記
ＭＳＰ明朝	柴犬けんたの日記