■ｈ１サイトタイトル

記事１の本文をお書き下さい。

本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文

●背景画像変更 背景画像を変更する場合は、styles.cssを開き
以下のタグのhaikei.jpgを変更してください。

body { background-image: url("img/haikei.jpg"); /* 全体の背景画像 */
background-repeat: no-repeat; /* 背景を繰り返さない */
background-position: 50% 50%; /* 背景画像の位置は画面中央 */
background-attachment:fixed; /* 背景画像を固定する */
}

●ヘッダー画像変更 ヘッダー画像の縦幅を変更する場合は、styles.cssを開き
以下のタグのheightを変更してください。

#header {
width:800px;
height:160px;
background-image: url(img/top.jpg);
position:relative;
background-repeat: no-repeat;
margin: 0px 5px;
}

記事２の本文をお書き下さい。

●改行

基本的には、＜p＞文章＜/p＞のようにPタグを使って文章を構成する
また、＜br＞でも改行できますので微調整等は＜br＞を使用して下さい。

●文字の大きさ

＜span class="size17"＞文章＜/span＞のように、
size●●を変更して使用して下さい。

size10　 size11　 size12　 size13　 size14
size15　 size16　 size17　 size18　 size19
size20　 size21　 size22　 size23
size24　 size25　 size26

●文字の太さ

文字のように、文字を太くする際は＜b＞文字＜/b＞のようにします。

＊上記タグを使用する際は＜＞を半角に修正してください。

• このタイプのブレッドを使う場合は、下記のタグをご利用下さい。
• ＜ul class="bullet-a"＞
• ＜li＞●●＜/li＞
• ＜/ul＞
• ＊上記タグを使用する際は＜＞を半角に修正してください。

• このタイプのブレッドを使う場合は、下記のタグをご利用下さい。
• ＜ul class="bullet-b"＞
• ＜li＞●●＜/li＞
• ＜/ul＞
• ＊上記タグを使用する際は＜＞を半角に修正してください。

• このタイプのブレッドを使う場合は、下記のタグをご利用下さい。
• ＜ul class="bullet-c"＞
• ＜li＞●●＜/li＞
• ＜/ul＞
• ＊上記タグを使用する際は＜＞を半角に修正してください。

■記事３の本文をお書き下さい。

●文字の色

文字色はデフォルトの黒文字以外で、計５種類用意してあります。
aka　 ao　 tya　 gray　 green
文字色変更の際は、＜span class="aka"＞文章＜/span＞のように、
span class="●●"の部分を希望の色に変更して下さい。

●文字背景色イエロー

文字のように、文字背景色にイエローを使用することができます。
ご利用の際は、＜span class="line"＞文章＜/span＞のタグを使用して下さい。

●タグを同時に使う

タグは単体ではなく、同時に使うこともできます。
例えば、文章のように、文字の大きさを17px、太文字赤、文字背景色イエローにする場合は
＜span class="size17 aka line b"＞文章＜/span＞のように、"●●"の●●の部分に、
半角スペース区切りで使用したい項目を入力してください。

＊上記タグを使用する際は＜＞を半角に修正してください。

このタイプのボックスを使う場合は、下記のタグをご利用下さい

＜div class="box-b"＞
＜div class="title"＞＜img src="img/menu_button2.gif" alt="ボタン" /＞●●＜/div＞
＜p＞●●＜/p＞
＜/div＞
＊上記タグを使用する際は＜＞を半角に修正してください。