h1-h6: margin:1em 0
見出しレベル1サブタイトル
見出しレベル2サブタイトル
見出しレベル3サブタイトル
見出しレベル4サブタイトル
見出しレベル5サブタイトル
見出しレベル6サブタイトル
見出し拡張 下線付き .h_border
見出しレベル1サブタイトル
見出しレベル2サブタイトル
見出しレベル3サブタイトル
見出しレベル4サブタイトル
見出しレベル5サブタイトル
見出しレベル6サブタイトル
ベタ .h_bg-main
見出しレベル1サブタイトル
見出しレベル2サブタイトル
見出しレベル3サブタイトル
見出しレベル4サブタイトル
見出しレベル5サブタイトル
見出しレベル6サブタイトル
タイトル風 下線付き .h_cute
見出しレベル1サブタイトル
見出しレベル2サブタイトル
見出しレベル3サブタイトル
見出しレベル4サブタイトル
見出しレベル5サブタイトル
見出しレベル6サブタイトル
本文中で強調する場合は太字にしています。本文中で文字を斜体にしています。本文中でマーカーは黄色にしています。本文中で削除する文字は取消線にしています。
基本改行に1文字分のアキが入ります。
- 野菜
- にんじん
- キャベツ
- きゅうり
- 魚
- 肉
- 野菜
- にんじん
- キャベツ
- きゅうり
- 魚
- 肉
- 用語1
- 定義リストでは用語の説明などを記載します。定義リストでは用語の説明などを記載します。
- 用語2
- 定義リストでは用語の説明などを記載します。定義リストでは用語の説明などを記載します。
引用や転載
或日の暮方の事である。一人の下人が、羅生門の下で雨やみを待つてゐた。廣い門の下には、この男の外に誰もゐない。唯、所々丹塗の剥げた、大きな圓柱に、蟋蟀が一匹とまつてゐる。羅生門が、朱雀大路にある以上は、この男の外にも、雨やみをする市女笠や揉烏帽子が、もう二三人はありさうなものである。それが、この男の外には誰もゐない。
For example, <section>
should be wrapped as inline.
サンプルコード <p>Sample text here...</p>
通常テーブル
ID | 名前 | 年齢 |
---|---|---|
1 | 山田 太郎 | 40 |
2 | 山田 次郎 | 30 |
3 | 山田 三郎 | 20 |
レスポンシブ対応テーブル(セル単位で落ちるだけ).tbl-responsive
ID | 名前 | 年齢 |
---|---|---|
1 | 山田 太郎 | 40 |
2 | 山田 次郎 | 30 |
3 | 山田 三郎 | 20 |
通常リンク
リンク
.link
リンク
.link + target=”_blank”
リンク
ボタン
.btn
ボタン
.btn.btn-round
ボタン
.btn.btn-hollow
ボタン
.btn.btn-round.btn-hollow
ボタン
.btn-main
ボタン
.btn-main.btn-round
ボタン
.btn-main.btn-hollow
ボタン
.btn-main.btn-round.btn-hollow
ボタン
.btn-sub
ボタン
.btn-sub.btn-round
ボタン
.btn-sub.btn-hollow
ボタン
.btn-sub.btn-round.btn-hollow
ボタン