トップページ > 便利な小技

CSSレイアウト[便利な小技]

CSSだけでできる、または簡単なJavaScriptも組み合わせて作る、便利なデザインテクニック。

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