ページパーツサンプル

トップページ > ページパーツサンプル

※公開時に非公開にすること。

h2見出しテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

h3見出しテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

h4見出しテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

h5見出しテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
h6見出しテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
  • リスト
  • リスト
  • リスト
    • リスト
    • リスト
    • リスト
  1. リスト
  2. リスト
  3. リスト
    • リスト
    • リスト
    • リスト
テーブルです

blockquote引用文用です

別ウィンドウで開くリンク

ここから先は、装飾をするのにHTMLとCSSの知識が必要になります。
実装する場合はソースをコピーペーストして、
仕上がりが崩れていないか確認しながらご利用ください。
↓↓↓↓↓↓

別ウィンドウで開くアイコンを出したくない場合は、aタグに class=”noExternal”をつけてください。（例：画像にリンクをはったら「別ウィンドウで開くアイコンが自動で出てきてしまった時」等）

フォント装飾その1　大きい文字になる
ボタンサンプル
ボタンサンプル
テキストの長さで可変するボタン
box1　テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
box2　テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
box3　テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

■画像左配置テキスト回り込み（スマートフォンで回り込み解除、画像は中央に配置）
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

■画像右配置テキスト回り込み（スマートフォンで回り込み解除、画像は中央に配置）

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

※ポイント※画像左配置・右配置を使ったら、余白次第で次の項目も回り込んでしまいます。回り込みたくない場合は、次の要素に class=”clear”　をつけてください。（上の「画像右配置テキスト回り込み（スマートフォンで回り込み解除、画像は中央に配置）」についています）

このページの先頭へ戻る