CSSデザインカタログ » block : divとしてボックス化する

シンプルな枠に背景色 : div011-hp

h3,pとナビゲーションリンク含む

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

シンプルな枠に背景画像 : div012-hpl

h3,p,ulによるリンクリストを含む

テキストテキストテキストテキストテキストテキストテキストテキストテキスト

見出し部分を反転させた枠 : div020-hpl

h3,pとolによるリストを含む

テキストテキストテキストテキストテキストテキストテキストテキストテキスト

  1. 手順1
  2. 手順2
  3. 手順3
  4. 手順4

見出し部分に背景画像を入れた枠 : div030-hpd

h3,pとdlによる説明付きリンクリストを含む

テキストテキストテキストテキストテキストテキストテキストテキストテキスト

リンク
リンク先のページについての説明
リンク
リンク先のページについての説明
リンク
リンク先のページについての説明

見出し部分を画像にした角丸の枠 : div042-hpl

h3,pとulによるリストを含む

テキストテキストテキストテキストテキストテキストテキストテキストテキスト

  • 項目1
  • 項目2
  • 項目3
  • 項目4

見出し部分に背景画像を入れた角丸の枠 : div052-hpi

h3,pとセンタリングした画像を含む

テキストテキストテキストテキストテキストテキストテキストテキストテキスト

photo : ダミー

図や写真を右寄せ(左寄せ): div100-hpi

figure : ダミー

h3,pと右寄せしたした画像を含む

テキストテキストテキストテキストテキストテキストテキストテキストテキスト。テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。

テキストテキストテキストテキストテキストテキストテキストテキストテキスト。

複数のバナーを配置 : div200-li

  • banner : ダミー
  • banner : ダミー
  • banner : ダミー
  • banner : ダミー
  • banner : ダミー
  • banner : ダミー