文字の装飾や囲み枠などのサンプルページです。
H2見出しサンプルテキスト
サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト
H3見出しサンプルテキスト
サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト
H4見出しサンプルテキスト
サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト
H2 or H3 .title01見出しサンプルテキスト
サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト
↓罫線です
サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト
- サンプルテキストul class=”list01″
- サンプルテキストul class=”list01″
- サンプルテキストul class=”list01″
- サンプルテキストul class=”list01 blue”
- サンプルテキストul class=”list01 blue”
- サンプルテキストul class=”list01 blue”
- サンプルテキストul.list02
- サンプルテキストul.list02
- サンプルテキストul.list02
- サンプルテキストul.list03
- サンプルテキストul.list03
- サンプルテキストul.list03
- サンプルテキストol.list04
- サンプルテキストol.list04
- サンプルテキストol.list04
囲み枠のスタイル
div.box01>div.box01In
ボックス01
ボックス01
div.box02
ボックス02
ボックス02
div.box03
ボックス03
ボックス03
div.box04
ボックス04
ボックス04
div.boxnote
ボックスノート
ボックスノート
見出し付きボックスタイトル
t-box01
サンプルテキスト
カラー 囲み枠のスタイル
div.box-red
サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト
テキストテキスト
div.box-yellow
サンプルテキスト
テキストテキスト
div.box-blue
サンプルテキスト
テキストテキスト
div.box-green
サンプルテキスト
テキストテキスト
div.box-gray
サンプルテキスト
テキストテキスト
div.box-red
classに「bgnone」追加で背景色が消えます。
サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト
div.box-red
サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト
div.box-yellow
サンプルテキスト
div.box-blue
サンプルテキスト
div.box-green
サンプルテキスト
div.box-gray
サンプルテキスト
テーブルのスタイル
| table.table01 | table01 |
|---|---|
| table01 | table01 |
| table.table01 | table01 |
|---|---|
| ワイドの種類 | .w20 (th 20% / td 80%) .w30 (th 30% / td 70%) .w40 (th 40% / td 60%) |
| table.table02 | table02 |
|---|---|
| table02 | table02 |
| 左1行固定 | スクロールテーブル | テキスト | テキスト | テキスト | テキスト | テキスト | テキスト |
|---|---|---|---|---|---|---|---|
| 左1行固定 | スクロールテーブル | テキスト | テキスト | テキスト | テキスト | テキスト | テキスト |
| 左1行固定 | スクロールテーブル | テキスト | テキスト | テキスト |
|---|---|---|---|---|
| 左1行固定 | スクロールテーブル | テキスト | テキスト | テキスト |
テキストのスタイル
- サンプルテキストdl.dl01
- サンプルテキストdl01サンプルテキストdl01
- サンプルテキストdl.dl02
- サンプルテキストdl02サンプルテキストdl02
- サンプルテキストdl.dl03
- サンプルテキストdl03サンプルテキストdl03
- サンプルよくあるご質問dl.faq
- サンプルよくあるご質問への回答です。サンプルよくあるご質問への回答です。
サンプルテキストem1
サンプルテキストem2
サンプルテキストem2b
サンプルテキストem3
サンプルテキストem4l
サンプルテキストem4xl
サンプルテキストem5
サンプルテキストem6
サンプルテキストem7
サンプルテキストem7-pink
サンプルテキストem7-blue
サンプルテキストem7-green
サンプルテキストem-red
サンプルテキストem-yellow
サンプルテキストem-blue
サンプルテキストem-green
サンプルテキストem-gray
