各ボックスの実装見本です（実際のCSSで描画）。
1. この記事でわかること（cbox-guide）
この記事でわかること
- サンプル項目その1
- サンプル項目その2
- サンプル項目その3
2. 何もないボックス（box-point・タイトルなし）
タイトルの無いシンプルな囲みです。本文だけを軽くまとめたいときに使います。
3. 注意ボックス（box-warn）
注意
注意したい内容をここにまとめます。読者が見落とすと困る点に。
4. 箇条書きボックス（box-list）
箇条書きボックス
- 箇条書き項目その1
- 箇条書き項目その2
- 箇条書き項目その3
5. 番号順ボックス（box-list ＋ ol）
番号順ボックス
- 手順その1
- 手順その2
- 手順その3
6. この記事のまとめ（cbox-matome）
まとめ
- まとめ項目その1
- まとめ項目その2
- まとめ項目その3
7. まずは結論（cbox-conclusion）
まずは結論
結論をズバッと。太字で要点を示せます。
8. 章の要約ボックス（freebox / st-midasibox-intitle）
9. ポイント／補足ボックス（box-point・タイトルあり）
ポイント
ポイントや補足をまとめるボックスです。
10. ステップボックス（box-step）
ステップ
ステップの内容をここに書きます。
11. 強調ボックス（kt-box ゴールド／ネイビー／レッド）
ゴールド強調ボックス
プロ―ズの強調に使うkt-box（ゴールド）。
ネイビー強調ボックス
ネイビーのkt-box。
レッド強調ボックス
レッドのkt-box。