文字の装飾や囲み枠などのサンプルページです。
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
サンプルテキスト
テーブルのスタイル
| table.table01 | table01 |
|---|---|
| table01 | table01 |
| table.table02 | table02 |
|---|---|
| table02 | table02 |
テキストのスタイル
- サンプルテキストdl.dl01
- サンプルテキストdl01サンプルテキストdl01
- サンプルテキストdl.dl02
- サンプルテキストdl02サンプルテキストdl02
- サンプルテキストdl.dl03
- サンプルテキストdl03サンプルテキストdl03
- サンプルよくあるご質問dl.faq
- サンプルよくあるご質問への回答です。サンプルよくあるご質問への回答です。
サンプルテキストem1
サンプルテキストem2
サンプルテキストem2b
サンプルテキストem2l
サンプルテキストem3
サンプルテキストem4
サンプルテキストem4l
サンプルテキストem4xl
サンプルテキストem5
サンプルテキストem6
サンプルテキストem7
em6とem7はspanに対して使うといい感じになります
これが「span.em6」でこれが「span.em7」です。
Sample text .font-en
