class="boxLeft"内に入れたものが左のカラムに入ります。
sample <h2>見出し
<h3>見出し
<h4>見出し
h1,h2,h3タグで日本語を記載した時に文字が大きすぎる場合は、class="ja"をつけてください。
見出し
見出し
見出し
見出し
class="boxCenter"内に入れたものが真ん中のカラムに入ります。
class="right"をつけると、文字が右寄せになります
class="center"をつけると、文字が中央寄せになります
class="box"をつけると背景が白抜きになります。
class="label"をつけると、背景色がつきます。左右に余白がつくので注意。
emタグはマーカーをひいたような装飾がつきます。dlリストにclass="grid"をつけた場合
- 項目
- 説明文。Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
- 項目
- 説明文。Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
class="boxRight"内に入れたものが右のカラムに入ります。
aタグやdivタグにclass="banner"をつけると、ストライプ背景のバナーになります。その中にpタグで文字を入れるとバナーの真ん中あたりの位置に文字が入ります。
タグ内の文字
さらにclass="banner pink"のように入れると、背景に画像が入ります。画像はyellowgreen、purple、deepblue、pinkblue、pinkの5種類がサンプルとして同梱されています。そのまま使用していただいても良いですが、画像を差し替えたり、クラス名や画像を追加して使用していただくと良いと思います。style.cssの767行目からがバナーについての編集部分です。