トップページ > 便利な小技
CSSレイアウト[便利な小技]
CSSだけでできる、または簡単なJavaScriptも組み合わせて作る、便利なデザインテクニック。
- 飾り罫付きコラム
- 1つの背景画像を2度使って、飾り罫のついたコラムを作る（CSSのみ）
- インラインフレーム風コラム
- スクロールバーの付いたコラムを、CSSで簡単に作る（CSSのみ）
- プルダウンメニュー
- 理屈を理解するとプルダウンメニューも簡単（CSS + JavaScript）
- スワップイメージメニュー
- ロールオーバーで離れた場所の画像を変える（CSS + JavaScript）
- ヘッダーとメニューを固定する
- フレームで組んだようなヘッダーとメニューの固定（CSSのみ）
- 透明度の設定
- 透明度の変わるロールオーバーボタンなど（CSSのみ）
- Dreamweaverで簡単に
- DWで簡単にポップアップウィンドウやスワップイメージ（Dreamweaver）
- テンプレートの活用
- Dreamweaverのテンプレートを活用する（Dreamweaver）
- フォームを整える
- フォームのレイアウトをCSSで見やすく整理する（CSSのみ）