ホームページ > ウェブフロントエンド > htmlチュートリアル > Div CSS ページの簡単な実装 Layout_html/css_WEB-ITnose

Div CSS ページの簡単な実装 Layout_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 12:29:07
オリジナル
1018 人が閲覧しました






ボディ{マージン:0; text-align:center}
#nav { 背景: #99FF99;高さ: 60ピクセル;幅:1000ピクセル;浮動小数点:なし; }
#nav UL LI{ float:left;BORDER-LEFT: #497ab9 1px ソリッド;BORDER-RIGHT: #2a5293 1px ソリッド;}
#mainContent { 背景: #99FF99;高さ: 60ピクセル;幅:1000ピクセル;浮動小数点:なし; }
#side {背景: #99FF99;高さ: 300ピクセル;幅: 120ピクセル;フロート: 左; }
#side1 {背景: #99FF99;高さ: 300ピクセル;幅: 120ピクセル;フロート: 右; }
#main {背景: #99FFFF;高さ: 300ピクセル;マージン:0 120ピクセル 0 120ピクセル; }
#foot {背景: #99FF99;高さ: 60ピクセル;幅:1000ピクセル;浮動小数点:なし; }


<ボディ>



< div id="side">こちらの表示 id "side" のコンテンツ

こちらの表示 id "side1" のコンテンツ
div id="main">ここ表示 id "main" の内容

本文>
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のおすすめ
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート