見出し1

見出し2

見出し3説明付きの見出しでは見出し本文の下に短い説明が付きます

見出し4

見出し5

見出し6

.dshadow01

テキストシャドウ

.dshadow02

テキストシャドウ

.dshadow03

テキストシャドウ

.dshadow04

テキストシャドウ

.dshadow05

テキストシャドウ

.dshadow06

テキストシャドウ

.dshadow07

テキストシャドウ

.dshadow08

テキストシャドウ

.dshadow09

テキストシャドウ

.dshadow10

テキストシャドウ

.dshadow11

テキストシャドウ

.dshadow12

テキストシャドウ

.dshadow13

テキストシャドウ

.dshadow14

テキストシャドウ

.dshadow15

テキストシャドウ

.dshadow16

テキストシャドウ

.bcBlack

.bc333

.bcWhite

.bcGray

.bcf3

.bcRed

.bgWhite

.bgefefef

.bgffa6a6

.bg88C34B

.bg66a02b

.bgffb442

.stripe01

.stripe02

.stripe03

.stripe04

.dott

.check01

.check02

.check03

.check04

▼hr class=”hr1″

▼hr class=”hr2″

class=”box1″

class=”box2″

▼table class=”history”

会社名	株式会社
所在地	〒000-0000
TEL	00-000-000

▼table class=”normalTable”

会社名	株式会社
所在地	〒000-0000
TEL	00-000-000

▼table class=”defaultTable”

会社名	株式会社
所在地	〒000-0000
TEL	00-000-000

▼table class=”table1″

	Smart Starter	Smart Medium	Smart Business	Smart Deluxe
Price per month	$ 2.90	$ 5.90	$ 9.90	$ 14.90
Storage Space	512 MB	1 GB	2 GB	4 GB
Bandwidth	50 GB	100 GB	150 GB	Unlimited
MySQL Databases	Unlimited	Unlimited	Unlimited	Unlimited
Setup	19.90 $	12.90 $	free	free
PHP 5
Ruby on Rails

▼table class=”table2″

順位	国	2010年推計人口
1	中華人民共和国	1,341,335,152
2	インド	1,224,514,327
3	アメリカ合衆国	310,383,948
4	インドネシア	239,870,937
5	ブラジル	194,946,470
6	パキスタン	173,593,383
7	ナイジェリア	158,423,182
8	バングラデシュ	148,692,131
9	ロシア	142,958,164
10	日本	126,535,920

▼table class=”table3″

順位	国	2010年推計人口
1	中華人民共和国	1,341,335,152
2	インド	1,224,514,327
3	アメリカ合衆国	310,383,948
4	インドネシア	239,870,937
5	ブラジル	194,946,470
6	パキスタン	173,593,383
7	ナイジェリア	158,423,182
8	バングラデシュ	148,692,131
9	ロシア	142,958,164
10	日本	126,535,920

▼table class=”coder”

タイトル	著者
銀河鉄道の夜	宮沢賢治

▼table class=”coder”

thead,tbody使用

タイトル	著者
銀河鉄道の夜	宮沢賢治

thead,tbody使用

タイトル
銀河鉄道の夜	宮沢賢治

タイトル	著者
銀河鉄道の夜	宮沢賢治
風の又三郎	宮沢賢治

著者	タイトル
宮沢賢治	銀河鉄道の夜
宮沢賢治	風の又三郎

thead,tbody使用 tbodyの中にth

タイトル	著者
銀河鉄道の夜	宮沢賢治
吾輩は猫である	夏目漱石

▼各種ボタン

・普通のボタン
class=”button”
普通のボタン

・普通のボタン (input要素)
class=”button”

・普通のボタン (button要素)
class=”button”

class=”button pill”
錠剤状のボタン

class=”button primary”
重要なボタン

class=”button”
普通のボタン

class=”button danger”
注意を促すボタン

class=”button big”
大きいボタン

・グループ化したボタン
class=”button-group”

アイテム（強調）アイテムアイテムアイテム

・グループ化したものをまとめたボタン

アイテム（強調）

アイテム（強調）アイテムアイテム（注意）

アイテムアイテム

アイコンを伴ったボタン
class=”button icon search”
Search

Class	Example
`.arrowup`	Move up class=”button icon arrowup”
`.arrowdown`	Move down class=”button icon arrowdown”
`.arrowleft`	Move left class=”button icon arrowleft”
`.arrowright`	Move right class=”button icon arrowright”
`.approve`	Approve registration class=”button icon approve”
`.add`	Add post class=”button icon add”
`.remove`	Remove item class=”button danger icon remove”
`.log`	View log class=”button icon log”
`.calendar`	Add to calendar class=”button icon calendar”
`.chat`	Start chat class=”button icon chat”
`.clock`	Start timer class=”button icon clock”
`.settings`	Settings class=”button icon settings”
`.comment`	Add comment class=”button icon comment”
`.fork`	Fork class=”button icon fork”
`.like`	Like class=”button icon fork”
`.favorite`	Favorite class=”button icon favorite”
`.home`	Back to homepage class=”button icon home”
`.key`	Password protect class=”button icon key”
`.lock`	Lock class=”button icon lock”
`.unlock`	Unlock class=”button icon unlock”
`.loop`	Resend message class=”button icon loop”
`.search`	Search class=”button icon search”
`.mail`	Send email class=”button icon mail”
`.move`	Move class=”button icon move”
`.edit`	Edit post class=”button icon edit”
`.pin`	Pin to Map class=”button icon pin”
`.reload`	Reload page class=”button icon reload”
`.rss`	Subscribe to RSS feed class=”button icon rss”
`.tag`	Add tag class=”button icon tag”
`.trash`	Delete post class=”button icon trash”
`.user`	Add new user class=”button icon user”