HPB19 | HPB18 コンテンツ一覧
ホーム > HPB19 > CSS 見出しタグ文字( h1 h2 h3 )の大きさ・色を変える
目次 | 元のページ 前のページ | 次のページ サイトマップ | ページEND

CSS 見出しタグ文字( h1 h2 h3 )の大きさ・色を変える


CSS 見出しタグ文字( h1 h2 h3 )の大きさ・色を変える




スタイルシートにて、h1 h2 h3 ・・・ 等の見出しタグ文字の大きさ・色等を変える場合の記述方法を説明します




スタイルシートの書き方


<h1><h2><h3>タグ文字の大きさ・色を指定したい場合

h1{
font-size:
100%;
color:
#ff0000;
background-color:
#ffffff;
}
h2{
font-size:
100%;
color:
#ff0000;
background-color:
#ffffff;
}
h3{
font-size:
100%;
color:
#ff0000;
background-color:
#ffffff;
}


と記述します
<style>タグは不要です


100% 」は、表示したい文字の大きさを標準文字サイズに対する比率を指定します
ピクセル指定で、例えば、「 12px 」と記述することもできます

#ff0000 」は、文字の色、「 #ffffff 」は、文字の背景色で、この場合、それぞれ、赤色、白色となります
それぞれ、「 red 」、「 white 」と記述することもできます


ファイル名は任意ですが、これを例えば、「 style.css 」とかのファイル名で、「 css 」フォルダとかに保存します




スタイルシートの呼び出し方については、「スタイルシート( CSS )とは」をご参照下さい

目次 | 元のページ 前のページ | 次のページ サイトマップ | ページTOP
ホーム > HPB19 > CSS 見出しタグ文字( h1 h2 h3 )の大きさ・色を変える
   

© 2014 abhp.net All Rights Reserved.
ページTOP
ページTOP
ページTOP
ページTOP
ページTOP
ページTOP