カラーサンプル(Color Sample)
カラーサンプル(Color Sample)
1カラム⇒ディスプレイ幅580px以下でドロップダウンメニュー。2カラム⇒800px以下で1カラム。
※背景色半透過ブロックのタグ⇒div class="subblock"
※背景画像は(幅1920px高さ1280px)を使用しています。
画像配布サイト様⇒Pixabay(CC0)
Novels(小説)
作品タイトル1
01--02--03--04--05
ジャンル。長さ。作品の説明。更新日。
Novels(小説)
- 作品タイトル2
- 01--02--03--04--05
- ジャン・クリストフ
- ジャンル。長さ。作品の説明。更新日。
Gallery&Column
ギャラリー。イラスト、写真、紹介文、等。
ギャラリー。イラスト、写真、紹介文、等。
ギャラリー。イラスト、写真、紹介文、等。
河の水音は家の後ろに高まっている。雨は朝から一日窓に降り注いでいる。窓ガラスの亀裂のはいった片隅には、水の滴りが流れている。昼間の黄ばんだ明るみが消えていって、室内はなま温くどんよりとしている。
「あんなことを申しましたのは、私が悪うございました。」
老人は頭をうち振りながら彼女を眺めた。
「かわいそうに、わしがお前にやった贈物はりっぱなものではなかった。」
「私の方が悪いんです。」と彼女は言った。
Information
.memo
お知らせ・更新履歴などに。
高さが150pxを超えると、スクロールになります。
20xx/5/1 ○○○更新
20xx年13月88日 ○○○更新
サンプル
サンプル
Sample text
↓サンプルタグ↓
h1 見出し1
h2 見出し2
h3 見出し3
h4 見出し4
h5 見出し5
h6 見出し6
b 太字
i 斜体
em 強調
strong 重要
ins 追加
s 取消
u 下線
small 文字を小さく
a href テキストリンク
blockquote 引用文 blockquote 引用文 blockquote 引用文
引用元サイト:出典
li リスト1
li リスト2
li リスト3
- ul class="list1"
リスト1
- リスト2
- リスト3
- ol class="list2"
番号付きリスト1
- 番号付きリスト2
- 番号付きリスト3
- dt class="dt1" 定義リスト (class="dl1"定義の範囲)
- span class="dt1span" 定義リスト装飾タグ
- dd class="dd1" 定義の説明 定義の説明
↓hr class="hr1" ライン↓
↓hr class="hr2" ライン↓
↓hr class="hr3" ライン↓(ボーダ無。隙間が欲しい時の調整用)
p class="p1" サンプルテキスト。段落・文章をまとめたいときに。枠無し。
p class="p2" サンプルテキスト。段落・文章をまとめたいときに。二重線枠。
p class="p3" サンプルテキスト。段落・文章をまとめたいときに。点線枠。
.memo
お知らせ・更新履歴などに。
高さが150pxを超えると、スクロールになります。
サンプル
サンプル
サンプル
サンプル
↓img class="img1"↓