〜四日市市こども・子育て情報WEBサイト〜

こちらはホームページ内で使用しているタグやパーツを表示してあるサンプルページとなります。コピーしてご利用ください。

またこちらの内容は、上書き保存や削除をしないようお気を付けください。

h3 見出し

h4 見出し

○○○○○

※パーツの上下部にスペースを付けたい場合は、パーツのタグにクラスを付与することで、5px単位で150pxまで増減出来ます。

クラス「mt」・・・・（margin-top）   .mt0(margin-top:0;) 〜 .mt150(margin-top:150px;)
クラス「mb」・・・（margin-bottom）  .mb0(margin-bottom:0) 〜 .mb150(margin-bottom:150px;)
クラス「pt」・・・（padding-top)　.pt0(padding-top:0;) 〜 .pt150(padding-top:150px;)
クラス「pb」・・・（padding-bottom)　.pb0(padding-bottom:0;) 〜 .pb150(padding-bottom:150px;)
記述例）：<p class=”mb50″>テキスト</p>

↑この文章の下部に50pxの余白を付けます

h3見出し見出し見出し見出し

h4見出し見出し

通常テキスト
brタグで改行

p 文章 右寄せ ここにテキストが入ります。

p 文章 センター寄せ

マーカー付きテキスト。

フォントSサイズ(12px)

フォントMサイズ(20px)

フォントLサイズ(36px)

フォント太字(bold)

フォント赤

フォント青

フォント茶

フォント紫

フォント緑

例）センター寄せ＋マーカー付き＋フォントMサイズ＋フォント緑

画像左、文章右。スマホ時は画像は画面幅に固定、文章は下部に。

画像右、文章左。スマホ時は画像は画面幅に固定、文章は下部に。

レスポンシブ画像2列　※画面幅によって1列となります

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

テキスト

レスポンシブ画像3列　※画面幅によって2列→1列となります

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

テキスト

テキスト

レスポンシブ4列

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

テキストテキスト

テキスト

テキスト

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

1. テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
2. テキストテキストテキストテキストテキストテキストテキストテキスト
3. テキストテキストテキストテキストテキストテキストテキストテキスト
4. テキストテキストテキストテキストテキストテキストテキストテキスト
5. テキストテキストテキストテキストテキストテキストテキストテキスト

タイトルタイトル

内容スペースになります内容スペースになります内容スペースになります内容スペースになります内容スペースになります内容スペースになります内容スペースになります内容スペースになります内容スペースになります内容スペースになります内容スペースになります

タイトル

内容

タイトル

内容

タイトル

内容

タイトル

内容

タイトル

内容