IDEA * IDEAドットインストール代表のライフハックブログ
2/4 CSS段組2：スタイルシートで作る段組レイアウトの例 [ホームページ作成] All About
CSS段組2：スタイルシートで作る段組レイアウトの例(2ページ目)HTML+CSSで「段組(マルチカラム)」を作ってみましょう。よくあるレイアウトのサンプルを用意して、その通りに段組を構成する方法をご紹介します。スタイルシートでスマートに段組を作りましょう。 スタイルシートで段組レイアウトにする それでは、前ページのHTMLにスタイルシートを適用して、以下の画像のようなレイアウトにしてみましょう。 実は単純な段組構成 もしかすると複雑なように見えるかも知れませんが、実際にはこの構成は非常に単純です。 段組は最大でも2段しかありません。 まず、「ブロックA」と「ブロックB」が横に並ぶ2段組が上部にありますね。 次に、段組を解除して「ブロックC」があります。 そして、「ブロックD」と「ブロックE」が横に並ぶ2段組があり、 最後に、段組を解除して「ブロックF」がありますね。 要するに、次のように
![2/4 CSS段組2：スタイルシートで作る段組レイアウトの例 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
