2020年05月10日
HTMLのみでフォントサイズや色を簡単に変更する方法【A8.netファンブログ向け保存版】
ファンブログの文章にHTMLのコードのみでフォントサイズや色を簡単に変更する方法
フォントHTMLコード【コピペOK】
<divstyle="color:black; font-size:10pt;">テキスト</div>
大きい文字や色を変更したい場所に上記HTMLコードを設置する。
テキスト部分に文字サイズや色を変更したい文章を入力するだけで簡単に変更できます。
「読まれるブログ」は、はてなブログPro
フォントサイズを変更するには？
HTMLコードにある font-size:10pt 部分の数字を変えれば文字サイズが変更されます。
10ptが標準だとして、10ptより数字を大きくすれば文字も大きくなり、逆に小さくすれば文字は小さくなります。
文字サイズ変更例
フォントサイズ5pt
フォントサイズ10pt
フォントサイズ15pt
フォントサイズ20pt
フォントサイズ25pt
フォントサイズ30pt
上記の様に、フォントサイズの数字を変える事で文字サイズを自由に変更する事ができます。
フォントサイズ5pt
テキスト
フォントサイズ10pt
テキスト
フォントサイズ15pt
テキスト
フォントサイズ20pt
テキスト
フォントサイズ25pt
テキスト
フォントサイズ30pt
テキスト
上記の様に、フォントサイズの数字を変える事で文字サイズを自由に変更する事ができます。
フォントの色を変更するには？
HTMLコードにある color:black 部分のblackを他のカラーコードに変える事で文字色も簡単に変更できます。
初心者でも簡単！はてなブログPro
カラー名＆カラーコード変更例
カラー名＆カラーコードを変更するだけでお好きな色に変更できます。color:black 若しくは color:#000000は色コードとしては同じ扱いになるのでどちらでも設定する事ができます
black ( #000000 )
red ( #FF0000 )
blue ( #0000FF )
green ( #008000)
yellow ( #FFFF00 )
カラー名＆カラーコードを変更するだけでお好きな色に変更できます。color:black 若しくは color:#000000は色コードとしては同じ扱いになるのでどちらでも設定する事ができます
応用：文字拡大とカラーコード変更例
文字を大きくしたり色を付けたり強調したい文章に使って見て下さい。
black ( #000000 )
red ( #FF0000 )
blue ( #0000FF )
green ( #008000 )
yellow ( #FFFF00 )
文字を大きくしたり色を付けたり強調したい文章に使って見て下さい。
たったこれだけでブログの見栄えが良くなります。
お好みに合わせて文字サイズや色をを変えてみて下さい。
早速 文字サイズ＆カラーを使った文章を書いて見ましょう！
色の変更はカラーコード一覧を参考に↓↓↓
http://www.netyasun.com/home/color.html
CSS&HTMLを分かりやすく解説した本
【このカテゴリーの最新記事】
-
-
-
-
-
no image
-
no image
-
この記事へのコメント
コメントを書く
この記事へのトラックバックURL
https://fanblogs.jp/tb/9839512
※ブログオーナーが承認したトラックバックのみ表示されます。
この記事へのトラックバック
