『スタイルシート デザイン アイデアブック』サンプルデータ
パーツデザイン編
C 見出し
D テキスト・リスト
E コラム
F リンク・メニュー
G テーブル・フォーム
H 画像
ページレイアウト編
I シンプル型
J サイドバー型
K 囲み型
E コラム
SECTION 1 テキストの周囲に罫線を引く
E-1-1 テキストの周囲に罫線を引く
STEP 1
STEP 2
STEP 3
COLUMN コラム幅を指定する
E-1-2 罫線の内側に見出しを表示する
STEP 1
STEP 2
STEP 3
STEP 4
STEP 5
STEP 6
VARIATION 見出しと本文の間にも罫線を引く
E-1-3 見出しを罫線に重ねる
STEP 1
STEP 2
STEP 3
STEP 4
STEP 5
STEP 6
STEP 7
SECTION 2 画像を使って囲む
E-2-1 背景画像を利用する
STEP 1
STEP 2
STEP 3
COLUMN 本文の分量に注意
COLUMN 背景画像の位置を指定する
E-2-2 コラムの角を丸くする
STEP 1
STEP 2
STEP 3
STEP 4
STEP 5
STEP 6
SECTION 3 インラインフレーム風に表示する
E-3-1 インラインフレーム風に表示する
STEP 1
STEP 2
STEP 3
COLUMN overflow-xとoverflow-y
COLUMN overflowプロパティ
COLUMN スクロースバーの色
▲TOPに戻る