サブページ見出し1(h2)

ここに文章や画像を入れてレイアウトしてくださいね。
右側の画像は画像の回り込みが右になるようにCSSでレイアウトしています。
画像の右寄せスタイルはCSSファイルの中にあります。

文章が短い場合など、レイアウトが崩れるので<div class="clear"><div>を入れて画像の回り込みを解除してください。

↓こちらのライン画像はCSSで設定しています。
<div class="line_01"></div>と書くと、この画像がラインとして表示されます。

サブページ見出し2(h2)

左側の画像も同じくCSSで左寄せにしています。
あとは適当に文字などを入れてくださいね。

<img src="../img/sample_image.gif" alt="" width="200" height="150" class="imgleft" />のように"imgleft"のクラスを画像に指定すると左寄せになり、画像の両側に10pxのマージンが自動でできます。

サンプルテキスト サンプルテキスト サンプルテキスト  サンプルテキスト サンプルテキスト サンプルテキスト  サンプルテキスト サンプルテキスト サンプルテキスト  サンプルテキスト サンプルテキスト サンプルテキスト  サンプルテキスト サンプルテキスト サンプルテキスト  サンプルテキスト サンプルテキスト  サンプルテキスト  サンプルテキスト サンプルテキスト  サンプルテキスト サンプルテキスト

サブページ見出し(h3)

上のバーの背景画像は<h3>で指定するとこのようになります。
例)<h3>サブページ見出し</h3> のようにタグを入れてください。

尚、HPビルダーなどのHP作成ソフトを使うと、初期設定のままではファイルを勝手に書き換えてしまい、きれいに表示されない事があります。

編集画面ではレイアウトが崩れているかもしれませんが、プレビューで動作確認すればちゃんと表示されると思います。

サンプルテキスト  サンプルテキスト  サンプルテキスト
サンプルテキスト  サンプルテキスト  サンプルテキスト
サンプルテキスト  サンプルテキスト  サンプルテキスト
このページのトップへ
inserted by FC2 system