floatで作る段組みレイアウト講座 カテゴリーの記事一覧
-
floatで作る段組みレイアウト講座
こんにちは。フクモトです。
今回は、2カラムと3カラムとをCSSで振り分ける方法を解説していきます。
例えば、同じWebサイト内でも、トップページだ...続きを読む
-
floatで作る段組みレイアウト講座
こんにちは。フクモトです。
今回は、これまで学習してきた2カラムレイアウトの応用として3カラムレイアウトに挑戦します。
2カラムレイアウトでは、各エ...続きを読む
-
floatで作る段組みレイアウト講座
それでは、「main」と「sidebar」の左右を入れ替えてみましょう。
といってもやり方は簡単。floatプロパティの値を変更するだけです。
今度...続きを読む
-
floatで作る段組みレイアウト講座
それでは、「main」と「sidebar」を段組み(横並び)にしていきます。
段組み(横並び)にするには、floatプロパティを使います。
「div...続きを読む
-
floatで作る段組みレイアウト講座
HTMLの作成が終わったら、次はCSSを書いていきます。
新規でCSSファイルを作る。
ファイル名をstyles.cssとしてhtmlファイルと同じ...続きを読む
-
floatで作る段組みレイアウト講座
こんにちは。フクモトです。
今回は「floatで作る段組みレイアウト」について。
HTMLとCSSの書き方を覚えたころ、一番最初にぶつかる難関は、W...続きを読む
Facebookページに「いいね!」をクリックしていただくと、当サイトの更新情報を受け取ることができるようになります。
ぜひ、「いいね!」していただけると嬉しいです!